* {
    margin: 0;
    padding: 0
}

body,html {
    height: 100%;
    width: 100%
}

body {
    font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
    line-height: 1.5;
    color: #333;
    font-size: 14px;
    background: #fff
}

li,ol,ul {
    list-style: none
}

a {
    text-decoration: none;
    color: #333
}

button,input,select,textarea {
    font-family: inherit;
    font-size: 100%;
    border: 0;
    vertical-align: middle;
    outline: none
}

img {
    border: 0;
    vertical-align: middle
}

.fl {
    float: left
}

.fr {
    float: right
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.hide {
    display: none
}

.show {
    display: block
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ' ';
    clear: both;
    height: 0
}

.clearfix {
    zoom: 1
}

.info-onchange-margin {
    margin-top: 25px
}

.tp-chapter-btn-active {
    background-color: #eaf8fe!important;
    border-radius: 5px
}

.electronicCheck {
    margin-top: 25px
}

.hp-modal-base-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 44px;
    width: 100%
}

.hp-modal-base-info-text {
    color: #999;
    line-height: 44px
}

.hp-modal-base-info-text-input {
    padding-top: 7px;
    margin-left: 5px
}

.hp-modal-base-info-text-input-text {
    margin-left: 5px;
    line-height: 44px
}

.hp-modal-base-info-text-file {
    margin-left: 5px;
    padding-top: 8px
}

.marginLeft0 {
    margin-left: 0!important
}

.wp-width {
    width: 600px!important
}

.bl-disabled {
    color: #ccc!important;
    background-color: #f7f7f7!important
}

.cx-list {
    float: left;
    margin-right: 1.25rem;
    height: 3.75rem;
    line-height: 3.75rem
}

.framePage .anticon-bars {
    vertical-align: middle;
    color: #7e7e80
}

.framePage .bkbtnbox .formbtn {
    text-align: center
}

.framePage .colorWhite {
    color: #fff!important
}

.framePage .anticon {
    display: inline-block;
    font-style: normal;
    vertical-align: baseline;
    text-align: center;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.framePage .anticon:before {
    display: block;
    font-family: icomoon!important
}

.framePage .top-nav i {
    color: #4f5f6f
}

.framePage .topbar {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10;
    height: 70px;
    background: #f1f3f7;
    overflow: hidden
}

.framePage .topbar-logo {
    float: left;
    width: 230px;
    background: #eb624b;
    line-height: 70px;
    text-align: center
}

.framePage .v-bar {
    float: left;
    text-align: center;
    width: 40%;
    margin-left: 100px;
    margin-top: 28px
}

.framePage .v-bar a {
    color: #2c1213
}

.framePage .v-bar .t-logo {
    color: #ed5844;
    margin-right: 8px
}

.framePage .v-bar .time:after {
    content: '';
    display: inline-block;
    width: 2px;
    height: 10px;
    background-color: #9ba1a7;
    margin: 0 5px
}

.framePage .v-bar .ellipsis {
    display: inline-block;
    width: 500px;
    text-align: left
}

.framePage .ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.framePage .topbar-right {
    float: right;
    width: 332px
}

.framePage .top-nav {
    padding: 22px 0;
    display: table;
    width: 100%
}

.framePage .top-nav>li {
    display: table-cell
}

.framePage .user {
    color: #37474f;
    border-right: 2px solid #c9d2dc;
    cursor: pointer;
    text-align: center
}

.framePage .user span {
    font-size: 14px
}

.framePage .anticon-notification:before {
    content: "\E902"
}

.framePage .anticon-notification {
    margin-left: 28px;
    font-size: 16px;
    font-weight: 700;
    padding-top: 6px
}

.framePage .logout {
    width: 80px;
    text-align: center;
    padding-top: 4px
}

.framePage .anticon-logout:before {
    content: "\E903";
    font-size: 18px;
    font-weight: 700
}

.framePage .sidebar {
    width: 230px!important;
    height: 100%!important;
    position: fixed!important;
    top: 70px!important;
    z-index: 2!important;
    overflow-x: hidden!important;
    overflow-y: auto!important;
    background: #34424f!important;
    color: #fff!important
}

.framePage .sidebar::-webkit-scrollbar {
    display: none
}

.framePage .content-page {
    margin-top: 70px;
    background: #fff;
    margin-left: 230px;
    overflow: hidden
}

.framePage .content-page>.content {
    margin-bottom: 60px;
    padding: 5px 5px 15px;
    background: #fff
}

.framePage .nav {
    padding: 60px 0
}

.framePage .nav h3 {
    height: 60px;
    line-height: 60px;
    padding-left: 43px;
    color: #9ba1a7;
    cursor: pointer
}

.framePage .nav h3.active {
    background: #455a64;
    color: #fff
}

.framePage .nav h3.active .anticon-shortlong {
    background-image: url(data:image/png;
    base64,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)
}

.framePage .nav h3.active .anticon-quadratic {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAYAAABSO15qAAABQ0lEQVQ4jZ3Tv0pcURAG8IMYYykBDQRSabo0iWuQzRMYfINttLPOa0jWKn1qhdUiTyAhhJRJmqiNKFb5sypsBMWfxZ1LDtfDunhgmplv5sx8M19CKlgLXfzAAFc4xiY6GK+xzcQZ9HBt+NvHcrPAcxwF4Bzv0MYjPMQc1vAtMNd4WydPZ8mf8CT8K+hjG2Phm8TPwO7VBbbC8RkTWVdfs7af4UGGPcXrhBfRzj88bXCyijPsxM+9SO5jseagG873yhtJ0dVO4P7ilWwLXyLwZkjyx8D8wXweTzjJZiwV+BDxX3jZjI+llC7T6M9tT8U8LI0wwu/SCBv3ILGVF6jXOHB7jc0ixTUOO6Sm5YfURzsXUX3Ku/6fcsmKp1wS07pKTFPR1awhYqrtsUo4d8n5QEHOuS2otvNdxfoFDmP+TnCRkG4AWoOccXGLU1QAAAAASUVORK5CYII=)
}

/*.framePage .content-list {*/
/*margin: 0 px*/
/*}*/

.framePage .page-title {
    color: #1f1f2c;
    border-bottom: 2px solid #d4dbe3;
    line-height: 60px;
    height: 61px;
    position: relative
}

.framePage .page-title span {
    font-size: 13px;
    color: #fa6346;
    margin-left: 20px
}

.framePage .page-title h2 {
    font-size: 14px
}

.framePage .booklist {
    padding-top: 40px;
    font-size: 0;
    text-align: justify;
    overflow: hidden
}

.framePage .booklist li {
    margin-bottom: 60px;
    display: inline-block;
    width: 32%;
    vertical-align: text-top;
    overflow-x: hidden
}

.framePage .booklist li .delete-book {
    display: none
}

.framePage .booklist li .delete-book .delete {
    display: none;
    cursor: pointer
}

.framePage .booklist li .delete-book:hover .delete,.framePage .booklist li:hover .delete-book {
    display: inline-block
}

.framePage .booklist li img {
    float: left;
    margin-right: 12px
}

.framePage .booklist li h3,.framePage .booklist li p {
    line-height: 28px
}

.framePage .booklist li p {
    color: #999;
    font-size: 14px
}

.framePage .ft20 {
    font-size: 20px
}

.framePage .bkbtnbox {
    margin-top: 18px
}

.framePage .bkbtnbox i {
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .25rem
}

.framePage .bkbtnbox .error {
    color: #cf5656
}

.framePage .bkbtnbox .actioning {
    color: #5681cf
}

.framePage .bkbtnbox>a,.framePage .bkbtnbox>input {
    border-radius: 2px;
    display: block;
    height: 32px;
    line-height: 32px;
    font-size: 14px
}

.framePage .bkbtnbox>a {
    color: #323233
}

.framePage .bkbtnbox>a>.formbtn {
    width: 70px
}

.framePage .bkbtnbox>div {
    border-radius: 2px;
    display: inline-block;
    float: left;
    height: 32px;
    line-height: 32px;
    font-size: 14px
}

.framePage .bkbtn {
    width: 138px;
    text-align: center;
    background: #fa6346;
    color: #fff
}

.framePage .bkbtn.default {
    background-color: #e7e7e9;
    color: #ccc
}

.framePage .formbtn {
    width: 32px;
    background: #f3f3f3
}

.framePage .formbtn img {
    width: 2rem;
    height: 2rem
}

.framePage .two-nav {
    overflow: hidden;
    background: #3e515a;
    display: none
}

.framePage .two-nav li {
    text-align: center;
    height: 60px;
    line-height: 60px
}

.framePage .two-nav li a {
    display: block;
    color: #9ba1a7
}

.framePage .two-nav li a:hover {
    color: #fff
}

.framePage .addbook {
    display: block;
    width: 134px;
    border: 1px solid #e4e4e4;
    background: #f9f9f9;
    font-size: 14px;
    text-align: center;
    padding: 53px 0
}

.framePage .addbook i {
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    background: #ec614c;
    border-radius: 2px;
    color: #fff;
    font-size: 20px;
    margin: auto
}

.framePage .clor {
    color: #fa6346;
    font-weight: 400
}

.framePage .clor1 {
    font-weight: 400;
    color: #000!important
}

.framePage .bookinfo {
    padding: 64px 0
}

.framePage .bookinfo img {
    display: block;
    margin: auto
}

.framePage .infoul {
    width: 600px;
    margin: 80px auto
}

.framePage .infoul li {
    width: 300px;
    float: left;
    height: 40px;
    line-height: 40px;
    color: #999;
    font-size: 16px
}

.framePage .infobtn {
    width: 200px;
    margin: auto
}

.framePage .infobtn a,.framePage .infobtn div {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    width: 95px;
    text-align: center;
    border-radius: 5px
}

.framePage .modifybtn,.framePage .newaddbtn {
    color: #fff;
    background: #fa6346
}

.framePage .modifybtn {
    margin-left: 10px
}

.framePage .nav i {
    margin-right: 14px
}

.framePage .anticon-long:before {
    content: "\E900"
}

.framePage .anticon-shortlong {
    background: url(data:image/png;
    base64,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) 50% no-repeat;background-size: cover;
    width: 1rem;
    height: 1rem
}

.framePage .anticon-quadratic {
    background: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAYAAABSO15qAAABp0lEQVQ4jX3Uu2tUQRTH8c+u62Iqg0EDvgoTY6GNmIhGbCQqYiBq1IBgkUaiaXz8GYKlhhS+QSO+UbSwjeKCWFgEI9r4QAVJVATJClrMubBc9nrgcoeZ+X2Zc85vpjR+6Zom0Y1D2IFVqOIznuIeJvAHyjnhEtxGDSewFi2Yh2U4gKuYQn8esA4vsBe/cAZb0IYFWI2jeIVO3MfJDLAYj7Ack1iDU+jCO1yP/xg2YholjGSAsyF+hm34FPPHsBB70IH5uBLgHxguYz0G8RtDmGtI6xx+RuHeR/H24zt2YrKCw3Gc87GpMS7EV8UNDGA2xDWooDc2P9Q8qlJndmMG26ViI3VhZYzfFADGQ/wNfY3iDFAvEDaLv/mJMj7GuLNAdERKrw1PsCEPeB7j/gLAHPZJnVgUkO5GwOU42jBW/AdyEHfQGpBNGeAlbkmen5CqXgQZwk3JXI/RmzlxFB+wOehLCyB1yTfTAbmYAb5iV0C24jVOSx5pjVN1YEQyUFekPVbKvQft0oUZkNxZFG9xHA8quYUv0nXukR6UPumStcRaDXclW9fhH9BwX54vRwTVAAAAAElFTkSuQmCC) 50% no-repeat;background-size: 1rem 1rem;
    width: 1rem;
    height: 1rem
}

.framePage .anticon-side:before {
    content: "\E905"
}

.framePage .anticon-user:before {
    content: "\E906"
}

.framePage .anticon-short:before {
    content: "\E904"
}

.framePage .anticon-money:before {
    content: "\E901"
}

.framePage .ul-outer-div {
    min-height: 175px
}

.framePage .book-border-radius {
    border-radius: 2px;
    height: 32px
}

.framePage .bc-div-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.framePage .cb-title {
    word-wrap: break-word;
    word-break: normal;
    height: 54px;
    line-height: 30px;
    overflow: hidden
}

.framePage .cb-title>.b-title {
    display: inline-block;
    font-weight: 700;
    font-size: 18px
}

.framePage .cb-title .onlinetag {
    display: inline-block;
    width: 45px;
    height: 19px;
    line-height: 20px;
    margin-left: 3px;
    background-color: #eeb038;
    color: #fff;
    border-radius: 3px;
    position: relative;
    top: -2px;
    font-size: 12px;
    text-align: center;
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.framePage .bc-div-flex-info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 20px;
    position: relative;
    width: 181px
}

.framePage .bc-div-flex-img {
    width: 138px;
    position: relative
}

.framePage .fontsize14 {
    font-size: 14px;
    line-height: 25px;
    text-align: right;
    width: 100%;
    height: 25px
}

.framePage .sidebarItems {
    position: relative;
    font-size: 14px
}

.framePage .sidebarItems-text {
    position: absolute;
    top: 21px;
    left: 68px;
    width: 110px;
    height: 30px;
    line-height: 19px;
    text-align: left
}

.framePage .topbar-sp-width {
    width: 179px!important
}

.framePage .writingRule {
    position: absolute;
    right: 0;
    top: 60px;
    width: 100px;
    height: 50px;
    text-align: right;
    color: #2db7f5
}

.framePage .bfl-width600 {
    width: 600px!important
}

.framePage .blf-infoul {
    width: 600px;
    margin: 80px auto
}

.framePage .blf-infoul li {
    width: 300px;
    float: left;
    line-height: 40px;
    color: #999;
    font-size: 16px
}

.framePage .ellipsis {
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 200px
}

.edit-btn {
    margin: 1.25rem 0;
    margin-left: 30%
}

.edit-btn button {
    height: 2.1875rem;
    margin-bottom: 1.25rem
}

.add-book-ll {
    float: right;
    width: 105px;
    height: 33px;
    border: 1px solid #ec614c;
    line-height: 33px;
    text-align: center;
    color: #ec614c;
    font-size: 14px;
    border-radius: 3px;
    cursor: pointer;
    margin-top: 14px
}

.add-book-ll,.title-ll {
    display: inline-block
}

.cancel-margin-right {
    margin-right: 0!important
}

.margin-left-ll {
    margin-left: 20px
}

.ant-calendar-time .ant-time-picker-panel {
    min-width: 190px!important
}

.ant-time-picker-panel {
    max-width: 193px!important
}

.page-title .ant-breadcrumb span {
    margin-left: 0
}

.framePage .page-title span.separator {
    color: #c1c1c7
}/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html {
                                                                                 font-family: sans-serif;
                                                                                 -ms-text-size-adjust: 100%;
                                                                                 -webkit-text-size-adjust: 100%
                                                                             }

body {
    margin: 0
}

article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {
    display: block
}

audio,canvas,progress,video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

progress {
    vertical-align: baseline
}[hidden],template {
     display: none
 }

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active,a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,strong {
    font-weight: inherit;
    font-weight: bolder
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

button,input,select,textarea {
    font: inherit;
    margin: 0
}

optgroup {
    font-weight: 700
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}[type=reset],[type=submit],button,html [type=button] {
     -webkit-appearance: button
 }[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
      border-style: none;
      padding: 0
  }[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
       outline: 1px dotted ButtonText
   }

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

textarea {
    overflow: auto
}[type=checkbox],[type=radio] {
     box-sizing: border-box;
     padding: 0
 }[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
      height: auto
  }[type=search] {
       -webkit-appearance: textfield;
       outline-offset: -2px
   }[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

*,:after,:before {
    box-sizing: border-box
}

body,html {
    width: 100%;
    height: 100%
}

body {
    font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,Arial,sans-serif;
    font-size: 12px;
    line-height: 1.5;
    color: #666;
    background-color: #fff
}

article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul {
    margin: 0;
    padding: 0
}

button,input,select,textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit
}

ol,ul {
    list-style: none
}

input::-ms-clear,input::-ms-reveal {
    display: none
}

::-moz-selection {
    background: #2db7f5;
    color: #fff
}

::selection {
    background: #2db7f5;
    color: #fff
}

a {
    color: #2db7f5;
    background: transparent;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

a:hover {
    color: #57c5f7
}

a:active {
    color: #2baee9
}

a:active,a:hover {
    outline: 0;
    text-decoration: none
}

a[disabled] {
    color: #ccc;
    cursor: not-allowed;
    pointer-events: none
}

.clearfix {
    zoom: 1
}

.clearfix:after,.clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0
}

.pull-left {
    float: left
}

.pull-right {
    float: right
}

.hide {
    display: none!important
}

.show {
    display: block!important
}

.invisible {
    visibility: hidden
}

.ant-divider {
    margin: 0 4px;
    color: #999;
    display: inline-block;
    height: 8px;
    width: 1px;
    background: #ccc
}

code,kbd,pre,samp {
    font-family: Consolas,Menlo,Courier,monospace
}

@font-face {
    font-family:anticon;src:url('https://at.alicdn.com/t/font_1463992151_360388.eot');src:url('https://at.alicdn.com/t/font_1463992151_360388.eot?#iefix') format('embedded-opentype'),url('https://at.alicdn.com/t/font_1463992151_360388.woff') format('woff'),url('https://at.alicdn.com/t/font_1463992151_360388.ttf') format('truetype'),url('https://at.alicdn.com/t/font_1463992151_360388.svg#iconfont') format('svg')
}

.anticon {
    display: inline-block;
    font-style: normal;
    vertical-align: baseline;
    text-align: center;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.anticon:before {
    display: block;
    font-family: anticon!important
}

.anticon-caret-circle-o-up:before {
    content: "\E60C"
}

.anticon-android:before {
    content: "\E64F"
}

.anticon-chrome:before {
    content: "\E65C"
}

.anticon-appstore-o:before {
    content: "\E6B2"
}

.anticon-appstore:before {
    content: "\E64D"
}

.anticon-apple:before {
    content: "\E64E"
}

.anticon-github:before {
    content: "\E674"
}

.anticon-inbox:before {
    content: "\E67B"
}

.anticon-ie:before {
    content: "\E67C"
}

.anticon-smile:before {
    content: "\E677"
}

.anticon-smile-circle:before {
    content: "\E676"
}

.anticon-meh-circle:before {
    content: "\E678"
}

.anticon-frown:before {
    content: "\E673"
}

.anticon-frown-circle:before {
    content: "\E672"
}

.anticon-meh:before {
    content: "\E679"
}

.anticon-pie-chart:before {
    content: "\E68A"
}

.anticon-tags:before {
    content: "\E656"
}

.anticon-tags-o:before {
    content: "\E657"
}

.anticon-tag:before {
    content: "\E658"
}

.anticon-tag-o:before {
    content: "\E659"
}

.anticon-cloud:before {
    content: "\E65A"
}

.anticon-cloud-upload-o:before {
    content: "\E697"
}

.anticon-cloud-download-o:before {
    content: "\E698"
}

.anticon-cloud-upload:before {
    content: "\E696"
}

.anticon-cloud-o:before {
    content: "\E699"
}

.anticon-cloud-download:before {
    content: "\E65B"
}

.anticon-star-o:before {
    content: "\E693"
}

.anticon-star:before {
    content: "\E694"
}

.anticon-environment:before {
    content: "\E665"
}

.anticon-environment-o:before {
    content: "\E666"
}

.anticon-eye:before {
    content: "\E66E"
}

.anticon-eye-o:before {
    content: "\E66D"
}

.anticon-camera:before {
    content: "\E653"
}

.anticon-camera-o:before {
    content: "\E652"
}

.anticon-aliwangwang:before {
    content: "\E64B"
}

.anticon-aliwangwang-o:before {
    content: "\E64A"
}

.anticon-windows:before {
    content: "\E6A0"
}

.anticon-shopping-cart:before {
    content: "\E692"
}

.anticon-unlock:before {
    content: "\E69F"
}

.anticon-lock:before {
    content: "\E69D"
}

.anticon-save:before {
    content: "\E69E"
}

.anticon-user:before {
    content: "\E69C"
}

.anticon-video-camera:before {
    content: "\E69B"
}

.anticon-to-top:before {
    content: "\E69A"
}

.anticon-team:before {
    content: "\E680"
}

.anticon-tablet:before {
    content: "\E695"
}

.anticon-solution:before {
    content: "\E68F"
}

.anticon-poweroff:before {
    content: "\E691"
}

.anticon-search:before {
    content: "\E690"
}

.anticon-share-alt:before {
    content: "\E68E"
}

.anticon-setting:before {
    content: "\E68D"
}

.anticon-poweroff:before {
    content: "\E68B"
}

.anticon-picture:before {
    content: "\E689"
}

.anticon-phone:before {
    content: "\E688"
}

.anticon-paper-clip:before {
    content: "\E687"
}

.anticon-notification:before {
    content: "\E686"
}

.anticon-mobile:before {
    content: "\E685"
}

.anticon-menu-fold:before {
    content: "\E684"
}

.anticon-menu-unfold:before {
    content: "\E683"
}

.anticon-mail:before {
    content: "\E682"
}

.anticon-logout:before {
    content: "\E681"
}

.anticon-link:before {
    content: "\E67E"
}

.anticon-line-chart:before {
    content: "\E67F"
}

.anticon-home:before {
    content: "\E67D"
}

.anticon-laptop:before {
    content: "\E67A"
}

.anticon-hdd:before {
    content: "\E675"
}

.anticon-folder-open:before {
    content: "\E671"
}

.anticon-folder:before {
    content: "\E670"
}

.anticon-filter:before {
    content: "\E66F"
}

.anticon-file-text:before {
    content: "\E66C"
}

.anticon-file:before {
    content: "\E66B"
}

.anticon-file-unknown:before {
    content: "\E6A6"
}

.anticon-file-excel:before {
    content: "\E6AC"
}

.anticon-file-pdf:before {
    content: "\E6AB"
}

.anticon-file-jpg:before {
    content: "\E6AA"
}

.anticon-file-ppt:before {
    content: "\E6A7"
}

.anticon-exception:before {
    content: "\E66A"
}

.anticon-export:before {
    content: "\E669"
}

.anticon-desktop:before {
    content: "\E662"
}

.anticon-edit:before {
    content: "\E668"
}

.anticon-ellipsis:before {
    content: "\E667"
}

.anticon-upload:before {
    content: "\E664"
}

.anticon-download:before {
    content: "\E663"
}

.anticon-delete:before {
    content: "\E661"
}

.anticon-copy:before {
    content: "\E660"
}

.anticon-customerservice:before {
    content: "\E65E"
}

.anticon-credit-card:before {
    content: "\E65F"
}

.anticon-code:before {
    content: "\E65D"
}

.anticon-calendar:before {
    content: "\E654"
}

.anticon-book:before {
    content: "\E655"
}

.anticon-bars:before {
    content: "\E650"
}

.anticon-bar-chart:before {
    content: "\E651"
}

.anticon-area-chart:before {
    content: "\E64C"
}

.anticon-question-circle-o:before {
    content: "\E648"
}

.anticon-question:before {
    content: "\E649"
}

.anticon-question-circle:before {
    content: "\E647"
}

.anticon-pause-circle:before {
    content: "\E644"
}

.anticon-pause:before {
    content: "\E646"
}

.anticon-pause-circle-o:before {
    content: "\E645"
}

.anticon-clock-circle:before {
    content: "\E642"
}

.anticon-clock-circle-o:before {
    content: "\E643"
}

.anticon-swap:before {
    content: "\E641"
}

.anticon-swap-left:before {
    content: "\E63F"
}

.anticon-swap-right:before {
    content: "\E640"
}

.anticon-plus-circle:before {
    content: "\E63D"
}

.anticon-plus:before {
    content: "\E63E"
}

.anticon-plus-circle-o:before {
    content: "\E63C"
}

.anticon-minus:before {
    content: "\E63B"
}

.anticon-minus-circle-o:before {
    content: "\E63A"
}

.anticon-minus-circle:before {
    content: "\E639"
}

.anticon-plus-square:before {
    content: "\E6AE"
}

.anticon-minus-square:before {
    content: "\E6AD"
}

.anticon-info-circle-o:before {
    content: "\E638"
}

.anticon-info-circle:before {
    content: "\E637"
}

.anticon-info:before {
    content: "\E636"
}

.anticon-exclamation-circle:before {
    content: "\E634"
}

.anticon-exclamation-circle-o:before {
    content: "\E635"
}

.anticon-exclamation:before {
    content: "\E633"
}

.anticon-cross-circle:before {
    content: "\E631"
}

.anticon-cross-circle-o:before {
    content: "\E632"
}

.anticon-check-circle:before {
    content: "\E62F"
}

.anticon-check-circle-o:before {
    content: "\E630"
}

.anticon-cross:before {
    content: "\E62D"
}

.anticon-check:before {
    content: "\E62E"
}

.anticon-verticle-right:before {
    content: "\E62C"
}

.anticon-verticle-left:before {
    content: "\E62B"
}

.anticon-rollback:before {
    content: "\E62A"
}

.anticon-enter:before {
    content: "\E6B6"
}

.anticon-retweet:before {
    content: "\E627"
}

.anticon-shrink:before {
    content: "\E628"
}

.anticon-arrow-salt:before {
    content: "\E629"
}

.anticon-reload:before {
    content: "\E626"
}

.anticon-double-right:before {
    content: "\E625"
}

.anticon-double-left:before {
    content: "\E624"
}

.anticon-arrow-right:before {
    content: "\E621"
}

.anticon-arrow-up:before {
    content: "\E622"
}

.anticon-arrow-down:before {
    content: "\E623"
}

.anticon-arrow-left:before {
    content: "\E620"
}

.anticon-left:before {
    content: "\E601"
}

.anticon-right:before {
    content: "\E600"
}

.anticon-down:before {
    content: "\E603"
}

.anticon-up:before {
    content: "\E602"
}

.anticon-play-circle:before {
    content: "\E61E"
}

.anticon-play-circle-o:before {
    content: "\E61F"
}

.anticon-circle-left:before {
    content: "\E61B"
}

.anticon-circle-up:before {
    content: "\E61C"
}

.anticon-circle-down:before {
    content: "\E61D"
}

.anticon-circle-right:before {
    content: "\E61A"
}

.anticon-circle-o-right:before {
    content: "\E616"
}

.anticon-circle-o-up:before {
    content: "\E618"
}

.anticon-circle-o-down:before {
    content: "\E617"
}

.anticon-circle-o-left:before {
    content: "\E619"
}

.anticon-step-backward:before {
    content: "\E614"
}

.anticon-step-forward:before {
    content: "\E615"
}

.anticon-fast-backward:before {
    content: "\E613"
}

.anticon-fast-forward:before {
    content: "\E612"
}

.anticon-caret-left:before {
    content: "\E60F"
}

.anticon-caret-right:before {
    content: "\E60A"
}

.anticon-caret-down:before {
    content: "\E611"
}

.anticon-caret-up:before {
    content: "\E610"
}

.anticon-forward:before {
    content: "\E608"
}

.anticon-backward:before {
    content: "\E609"
}

.anticon-caret-circle-o-down:before {
    content: "\E60E"
}

.anticon-caret-circle-o-right:before {
    content: "\E60D"
}

.anticon-caret-circle-o-left:before {
    content: "\E60B"
}

.anticon-caret-circle-left:before {
    content: "\E604"
}

.anticon-caret-circle-right:before {
    content: "\E605"
}

.anticon-caret-circle-up:before {
    content: "\E606"
}

.anticon-caret-circle-down:before {
    content: "\E607"
}

.anticon-qrcode:before {
    content: "\E6A5"
}

.anticon-scan:before {
    content: "\E6AF"
}

.anticon-like:before {
    content: "\E6A3"
}

.anticon-dislike:before {
    content: "\E6A2"
}

.anticon-pay-circle:before {
    content: "\E6A8"
}

.anticon-pay-circle-o:before {
    content: "\E6A9"
}

.anticon-message:before {
    content: "\E6A4"
}

.anticon-heart:before {
    content: "\E68C"
}

.anticon-heart-o:before {
    content: "\E6B0"
}

.anticon-calculator:before {
    content: "\E6B1"
}

.anticon-pushpin:before {
    content: "\E6B5"
}

.anticon-pushpin-o:before {
    content: "\E6B3"
}

.anticon-loading:before {
    display: inline-block;
    -webkit-animation: loadingCircle 1s infinite linear;
    animation: loadingCircle 1s infinite linear;
    content: "\E6A1"
}

.fade-appear,.fade-enter,.fade-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.fade-appear.fade-appear-active,.fade-enter.fade-enter-active {
    -webkit-animation-name: antFadeIn;
    animation-name: antFadeIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.fade-leave.fade-leave-active {
    -webkit-animation-name: antFadeOut;
    animation-name: antFadeOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.fade-appear,.fade-enter {
    opacity: 0
}

.fade-appear,.fade-enter,.fade-leave {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

@-webkit-keyframes antFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes antFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes antFadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes antFadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.move-up-appear,.move-up-enter,.move-up-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-up-appear.move-up-appear-active,.move-up-enter.move-up-enter-active {
    -webkit-animation-name: antMoveUpIn;
    animation-name: antMoveUpIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.move-up-leave.move-up-leave-active {
    -webkit-animation-name: antMoveUpOut;
    animation-name: antMoveUpOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.move-up-appear,.move-up-enter {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.move-up-leave {
    -webkit-animation-timing-function: cubic-bezier(.6,.04,.98,.34);
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.move-down-appear,.move-down-enter,.move-down-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-down-appear.move-down-appear-active,.move-down-enter.move-down-enter-active {
    -webkit-animation-name: antMoveDownIn;
    animation-name: antMoveDownIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.move-down-leave.move-down-leave-active {
    -webkit-animation-name: antMoveDownOut;
    animation-name: antMoveDownOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.move-down-appear,.move-down-enter {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.move-down-leave {
    -webkit-animation-timing-function: cubic-bezier(.6,.04,.98,.34);
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.move-left-appear,.move-left-enter,.move-left-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-left-appear.move-left-appear-active,.move-left-enter.move-left-enter-active {
    -webkit-animation-name: antMoveLeftIn;
    animation-name: antMoveLeftIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.move-left-leave.move-left-leave-active {
    -webkit-animation-name: antMoveLeftOut;
    animation-name: antMoveLeftOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.move-left-appear,.move-left-enter {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.move-left-leave {
    -webkit-animation-timing-function: cubic-bezier(.6,.04,.98,.34);
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

.move-right-appear,.move-right-enter,.move-right-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.move-right-appear.move-right-appear-active,.move-right-enter.move-right-enter-active {
    -webkit-animation-name: antMoveRightIn;
    animation-name: antMoveRightIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.move-right-leave.move-right-leave-active {
    -webkit-animation-name: antMoveRightOut;
    animation-name: antMoveRightOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.move-right-appear,.move-right-enter {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.move-right-leave {
    -webkit-animation-timing-function: cubic-bezier(.6,.04,.98,.34);
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

@-webkit-keyframes antMoveDownIn {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0
    }

    to {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes antMoveDownIn {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0
    }

    to {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes antMoveDownOut {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    to {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0
    }
}

@keyframes antMoveDownOut {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    to {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0
    }
}

@-webkit-keyframes antMoveLeftIn {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }

    to {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes antMoveLeftIn {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }

    to {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes antMoveLeftOut {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    to {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }
}

@keyframes antMoveLeftOut {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    to {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }
}

@-webkit-keyframes antMoveRightIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes antMoveRightIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes antMoveRightOut {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    to {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }
}

@keyframes antMoveRightOut {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    to {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }
}

@-webkit-keyframes antMoveUpIn {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0
    }

    to {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes antMoveUpIn {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0
    }

    to {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes antMoveUpOut {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    to {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0
    }
}

@keyframes antMoveUpOut {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    to {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0
    }
}

@-webkit-keyframes loadingCircle {
    0% {
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes loadingCircle {
    0% {
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.slide-up-appear,.slide-up-enter,.slide-up-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.slide-up-appear.slide-up-appear-active,.slide-up-enter.slide-up-enter-active {
    -webkit-animation-name: antSlideUpIn;
    animation-name: antSlideUpIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.slide-up-leave.slide-up-leave-active {
    -webkit-animation-name: antSlideUpOut;
    animation-name: antSlideUpOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.slide-up-appear,.slide-up-enter {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-timing-function: cubic-bezier(.23,1,.32,1)
}

.slide-up-leave {
    -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
    animation-timing-function: cubic-bezier(.755,.05,.855,.06)
}

.slide-down-appear,.slide-down-enter,.slide-down-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.slide-down-appear.slide-down-appear-active,.slide-down-enter.slide-down-enter-active {
    -webkit-animation-name: antSlideDownIn;
    animation-name: antSlideDownIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.slide-down-leave.slide-down-leave-active {
    -webkit-animation-name: antSlideDownOut;
    animation-name: antSlideDownOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.slide-down-appear,.slide-down-enter {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-timing-function: cubic-bezier(.23,1,.32,1)
}

.slide-down-leave {
    -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
    animation-timing-function: cubic-bezier(.755,.05,.855,.06)
}

.slide-left-appear,.slide-left-enter,.slide-left-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.slide-left-appear.slide-left-appear-active,.slide-left-enter.slide-left-enter-active {
    -webkit-animation-name: antSlideLeftIn;
    animation-name: antSlideLeftIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.slide-left-leave.slide-left-leave-active {
    -webkit-animation-name: antSlideLeftOut;
    animation-name: antSlideLeftOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.slide-left-appear,.slide-left-enter {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-timing-function: cubic-bezier(.23,1,.32,1)
}

.slide-left-leave {
    -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
    animation-timing-function: cubic-bezier(.755,.05,.855,.06)
}

.slide-right-appear,.slide-right-enter,.slide-right-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.slide-right-appear.slide-right-appear-active,.slide-right-enter.slide-right-enter-active {
    -webkit-animation-name: antSlideRightIn;
    animation-name: antSlideRightIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.slide-right-leave.slide-right-leave-active {
    -webkit-animation-name: antSlideRightOut;
    animation-name: antSlideRightOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.slide-right-appear,.slide-right-enter {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-timing-function: cubic-bezier(.23,1,.32,1)
}

.slide-right-leave {
    -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
    animation-timing-function: cubic-bezier(.755,.05,.855,.06)
}

@-webkit-keyframes antSlideUpIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes antSlideUpIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@-webkit-keyframes antSlideUpOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    to {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8)
    }
}

@keyframes antSlideUpOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    to {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8)
    }
}

@-webkit-keyframes antSlideDownIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes antSlideDownIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@-webkit-keyframes antSlideDownOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    to {
        opacity: 0;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8)
    }
}

@keyframes antSlideDownOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    to {
        opacity: 0;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8)
    }
}

@-webkit-keyframes antSlideLeftIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleX(.8);
        transform: scaleX(.8)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes antSlideLeftIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleX(.8);
        transform: scaleX(.8)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes antSlideLeftOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    to {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleX(.8);
        transform: scaleX(.8)
    }
}

@keyframes antSlideLeftOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    to {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleX(.8);
        transform: scaleX(.8)
    }
}

@-webkit-keyframes antSlideRightIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scaleX(.8);
        transform: scaleX(.8)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes antSlideRightIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scaleX(.8);
        transform: scaleX(.8)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes antSlideRightOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    to {
        opacity: 0;
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scaleX(.8);
        transform: scaleX(.8)
    }
}

@keyframes antSlideRightOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    to {
        opacity: 0;
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scaleX(.8);
        transform: scaleX(.8)
    }
}

.swing-appear,.swing-enter {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.swing-appear.swing-appear-active,.swing-enter.swing-enter-active {
    -webkit-animation-name: antSwingIn;
    animation-name: antSwingIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

@-webkit-keyframes antSwingIn {
    0%,to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    40% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    60% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    80% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px)
    }
}

@keyframes antSwingIn {
    0%,to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    40% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    60% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    80% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px)
    }
}

.zoom-appear,.zoom-enter,.zoom-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-appear.zoom-appear-active,.zoom-enter.zoom-enter-active {
    -webkit-animation-name: antZoomIn;
    animation-name: antZoomIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-leave.zoom-leave-active {
    -webkit-animation-name: antZoomOut;
    animation-name: antZoomOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-appear,.zoom-enter {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.zoom-leave {
    -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86);
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.zoom-big-appear,.zoom-big-enter,.zoom-big-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-big-appear.zoom-big-appear-active,.zoom-big-enter.zoom-big-enter-active {
    -webkit-animation-name: antZoomBigIn;
    animation-name: antZoomBigIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-big-leave.zoom-big-leave-active {
    -webkit-animation-name: antZoomBigOut;
    animation-name: antZoomBigOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-big-appear,.zoom-big-enter {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.zoom-big-leave {
    -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86);
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.zoom-up-appear,.zoom-up-enter,.zoom-up-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-up-appear.zoom-up-appear-active,.zoom-up-enter.zoom-up-enter-active {
    -webkit-animation-name: antZoomUpIn;
    animation-name: antZoomUpIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-up-leave.zoom-up-leave-active {
    -webkit-animation-name: antZoomUpOut;
    animation-name: antZoomUpOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-up-appear,.zoom-up-enter {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.zoom-up-leave {
    -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86);
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.zoom-down-appear,.zoom-down-enter,.zoom-down-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-down-appear.zoom-down-appear-active,.zoom-down-enter.zoom-down-enter-active {
    -webkit-animation-name: antZoomDownIn;
    animation-name: antZoomDownIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-down-leave.zoom-down-leave-active {
    -webkit-animation-name: antZoomDownOut;
    animation-name: antZoomDownOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-down-appear,.zoom-down-enter {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.zoom-down-leave {
    -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86);
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.zoom-left-appear,.zoom-left-enter,.zoom-left-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-left-appear.zoom-left-appear-active,.zoom-left-enter.zoom-left-enter-active {
    -webkit-animation-name: antZoomLeftIn;
    animation-name: antZoomLeftIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-left-leave.zoom-left-leave-active {
    -webkit-animation-name: antZoomLeftOut;
    animation-name: antZoomLeftOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-left-appear,.zoom-left-enter {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.zoom-left-leave {
    -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86);
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.zoom-right-appear,.zoom-right-enter,.zoom-right-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-right-appear.zoom-right-appear-active,.zoom-right-enter.zoom-right-enter-active {
    -webkit-animation-name: antZoomRightIn;
    animation-name: antZoomRightIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-right-leave.zoom-right-leave-active {
    -webkit-animation-name: antZoomRightOut;
    animation-name: antZoomRightOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-right-appear,.zoom-right-enter {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.zoom-right-leave {
    -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86);
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

@-webkit-keyframes antZoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2);
        transform: scale(.2)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes antZoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2);
        transform: scale(.2)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes antZoomOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.2);
        transform: scale(.2)
    }
}

@keyframes antZoomOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.2);
        transform: scale(.2)
    }
}

@-webkit-keyframes antZoomBigIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes antZoomBigIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes antZoomBigOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@keyframes antZoomBigOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@-webkit-keyframes antZoomUpIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    to {
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes antZoomUpIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    to {
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes antZoomUpOut {
    0% {
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@keyframes antZoomUpOut {
    0% {
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@-webkit-keyframes antZoomLeftIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    to {
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes antZoomLeftIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    to {
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes antZoomLeftOut {
    0% {
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@keyframes antZoomLeftOut {
    0% {
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@-webkit-keyframes antZoomRightIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    to {
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes antZoomRightIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    to {
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes antZoomRightOut {
    0% {
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@keyframes antZoomRightOut {
    0% {
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@-webkit-keyframes antZoomDownIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    to {
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes antZoomDownIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    to {
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes antZoomDownOut {
    0% {
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@keyframes antZoomDownOut {
    0% {
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

.ant-motion-collapse {
    overflow: hidden
}

.ant-motion-collapse-active {
    -webkit-transition: height .2s cubic-bezier(.215,.61,.355,1);
    transition: height .2s cubic-bezier(.215,.61,.355,1)
}

.ant-badge {
    position: relative;
    display: inline-block;
    line-height: 1;
    vertical-align: middle
}

.ant-badge-count {
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -10px;
    height: 20px;
    border-radius: 10px;
    min-width: 20px;
    background: #f50;
    border: 1px solid transparent;
    color: #fff;
    line-height: 18px;
    text-align: center;
    padding: 0 6px;
    font-size: 12px;
    white-space: nowrap;
    -webkit-transform-origin: -10% center;
    transform-origin: -10% center;
    z-index: 10;
    font-family: tahoma;
    box-shadow: 0 0 0 1px #fff
}

.ant-badge-count a,.ant-badge-count a:hover {
    color: #fff
}

.ant-badge-dot {
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform-origin: 0 center;
    transform-origin: 0 center;
    top: -4px;
    height: 8px;
    width: 8px;
    border-radius: 100%;
    background: #f50;
    z-index: 10;
    box-shadow: 0 0 0 1px #fff
}

.ant-badge-zoom-appear,.ant-badge-zoom-enter {
    -webkit-animation: antZoomBadgeIn .3s cubic-bezier(.12,.4,.29,1.46);
    animation: antZoomBadgeIn .3s cubic-bezier(.12,.4,.29,1.46);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.ant-badge-zoom-leave {
    -webkit-animation: antZoomBadgeOut .3s cubic-bezier(.71,-.46,.88,.6);
    animation: antZoomBadgeOut .3s cubic-bezier(.71,-.46,.88,.6);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.ant-badge-not-a-wrapper .ant-badge-count {
    top: auto;
    display: block;
    position: relative;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

a -count:hover {
    background: #f73
}

a -count:active {
    background: #f25100
}

.ant-scroll-number {
    overflow: hidden
}

.ant-scroll-number-only {
    display: inline-block;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1);
    transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1);
    transition: transform .3s cubic-bezier(.645,.045,.355,1);
    transition: transform .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1)
}

.ant-scroll-number.not-support-css-animation .ant-scroll-number-only>p {
    display: none
}

.ant-scroll-number.not-support-css-animation .ant-scroll-number-only>p.current {
    display: block
}

@-webkit-keyframes antZoomBadgeIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translateX(-50%);
        transform: scale(0) translateX(-50%)
    }

    to {
        -webkit-transform: scale(1) translateX(-50%);
        transform: scale(1) translateX(-50%)
    }
}

@keyframes antZoomBadgeIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translateX(-50%);
        transform: scale(0) translateX(-50%)
    }

    to {
        -webkit-transform: scale(1) translateX(-50%);
        transform: scale(1) translateX(-50%)
    }
}

@-webkit-keyframes antZoomBadgeOut {
    0% {
        -webkit-transform: scale(1) translateX(-50%);
        transform: scale(1) translateX(-50%)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0) translateX(-50%);
        transform: scale(0) translateX(-50%)
    }
}

@keyframes antZoomBadgeOut {
    0% {
        -webkit-transform: scale(1) translateX(-50%);
        transform: scale(1) translateX(-50%)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0) translateX(-50%);
        transform: scale(0) translateX(-50%)
    }
}

.ant-popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1030;
    cursor: auto;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    white-space: normal;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
    text-align: left
}

.ant-popover:after {
    content: "";
    position: absolute;
    background: hsla(0,0%,100%,.01)
}

.ant-popover-hidden {
    display: none
}

.ant-popover-placement-top,.ant-popover-placement-topLeft,.ant-popover-placement-topRight {
    padding-bottom: 4px
}

.ant-popover-placement-right,.ant-popover-placement-rightBottom,.ant-popover-placement-rightTop {
    padding-left: 4px
}

.ant-popover-placement-bottom,.ant-popover-placement-bottomLeft,.ant-popover-placement-bottomRight {
    padding-top: 4px
}

.ant-popover-placement-left,.ant-popover-placement-leftBottom,.ant-popover-placement-leftTop {
    padding-right: 4px
}

.ant-popover-inner {
    min-width: 177px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    box-shadow: 0 1px 6px hsla(0,0%,39%,.2)
}

.ant-popover-title {
    margin: 0;
    padding: 0 16px;
    line-height: 32px;
    height: 32px;
    border-bottom: 1px solid #e9e9e9;
    color: #666
}

.ant-popover-inner-content {
    padding: 8px 16px;
    color: #666
}

.ant-popover-message {
    padding: 8px 0 16px;
    font-size: 12px;
    color: #666
}

.ant-popover-message>.anticon {
    color: #fa0;
    line-height: 17px;
    position: absolute
}

.ant-popover-message-title {
    padding-left: 20px
}

.ant-popover-buttons {
    text-align: right;
    margin-bottom: 8px
}

.ant-popover-buttons button {
    margin-left: 8px
}

.ant-popover-arrow,.ant-popover-arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.ant-popover-arrow {
    border-width: 5px
}

.ant-popover-arrow:after {
    border-width: 4px;
    content: ""
}

.ant-popover-placement-top .ant-popover-arrow,.ant-popover-placement-topLeft .ant-popover-arrow,.ant-popover-placement-topRight .ant-popover-arrow {
    border-bottom-width: 0;
    border-top-color: #d9d9d9;
    bottom: 0
}

.ant-popover-placement-top .ant-popover-arrow:after,.ant-popover-placement-topLeft .ant-popover-arrow:after,.ant-popover-placement-topRight .ant-popover-arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -4px;
    border-bottom-width: 0;
    border-top-color: #fff
}

.ant-popover-placement-top .ant-popover-arrow {
    left: 50%;
    margin-left: -5px
}

.ant-popover-placement-topLeft .ant-popover-arrow {
    left: 16px
}

.ant-popover-placement-topRight .ant-popover-arrow {
    right: 16px
}

.ant-popover-placement-right .ant-popover-arrow,.ant-popover-placement-rightBottom .ant-popover-arrow,.ant-popover-placement-rightTop .ant-popover-arrow {
    left: 0;
    border-left-width: 0;
    border-right-color: #d9d9d9
}

.ant-popover-placement-right .ant-popover-arrow:after,.ant-popover-placement-rightBottom .ant-popover-arrow:after,.ant-popover-placement-rightTop .ant-popover-arrow:after {
    content: " ";
    left: 1px;
    bottom: -4px;
    border-left-width: 0;
    border-right-color: #fff
}

.ant-popover-placement-right .ant-popover-arrow {
    top: 50%;
    margin-top: -5px
}

.ant-popover-placement-rightTop .ant-popover-arrow {
    top: 12px
}

.ant-popover-placement-rightBottom .ant-popover-arrow {
    bottom: 12px
}

.ant-popover-placement-bottom .ant-popover-arrow,.ant-popover-placement-bottomLeft .ant-popover-arrow,.ant-popover-placement-bottomRight .ant-popover-arrow {
    border-top-width: 0;
    border-bottom-color: #d9d9d9;
    top: 0
}

.ant-popover-placement-bottom .ant-popover-arrow:after,.ant-popover-placement-bottomLeft .ant-popover-arrow:after,.ant-popover-placement-bottomRight .ant-popover-arrow:after {
    content: " ";
    top: 1px;
    margin-left: -4px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.ant-popover-placement-bottom .ant-popover-arrow {
    left: 50%;
    margin-left: -5px
}

.ant-popover-placement-bottomLeft .ant-popover-arrow {
    left: 16px
}

.ant-popover-placement-bottomRight .ant-popover-arrow {
    right: 16px
}

.ant-popover-placement-left .ant-popover-arrow,.ant-popover-placement-leftBottom .ant-popover-arrow,.ant-popover-placement-leftTop .ant-popover-arrow {
    right: 0;
    border-right-width: 0;
    border-left-color: #d9d9d9
}

.ant-popover-placement-left .ant-popover-arrow:after,.ant-popover-placement-leftBottom .ant-popover-arrow:after,.ant-popover-placement-leftTop .ant-popover-arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -4px
}

.ant-popover-placement-left .ant-popover-arrow {
    top: 50%;
    margin-top: -5px
}

.ant-popover-placement-leftTop .ant-popover-arrow {
    top: 12px
}

.ant-popover-placement-leftBottom .ant-popover-arrow {
    bottom: 12px
}

.ant-btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    line-height: 1.5;
    padding: 4px 15px;
    font-size: 12px;
    border-radius: 6px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    color: #666;
    background-color: #f7f7f7;
    border-color: #d9d9d9
}

.ant-btn>.anticon {
    line-height: 1
}

.ant-btn,.ant-btn:active,.ant-btn:focus {
    outline: 0
}

.ant-btn:not([disabled]):hover {
    text-decoration: none
}

.ant-btn:not([disabled]):active {
    outline: 0;
    -webkit-transition: none;
    transition: none
}

.ant-btn.disabled,.ant-btn[disabled] {
    cursor: not-allowed
}

.ant-btn.disabled>*,.ant-btn[disabled]>* {
    pointer-events: none
}

.ant-btn-lg {
    padding: 4px 15px 5px;
    font-size: 14px;
    border-radius: 6px
}

.ant-btn-sm {
    padding: 1px 7px;
    font-size: 12px;
    border-radius: 4px
}

.ant-btn>a:only-child {
    color: currentColor
}

.ant-btn>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-btn:focus,.ant-btn:hover {
    color: #858585;
    background-color: #f9f9f9;
    border-color: #e1e1e1
}

.ant-btn.active,.ant-btn:active {
    color: #616161;
    background-color: #ebebeb;
    border-color: #ebebeb
}

.ant-btn.disabled,.ant-btn.disabled.active,.ant-btn.disabled:active,.ant-btn.disabled:focus,.ant-btn.disabled:hover,.ant-btn[disabled],.ant-btn[disabled].active,.ant-btn[disabled]:active,.ant-btn[disabled]:focus,.ant-btn[disabled]:hover,fieldset[disabled] .ant-btn,fieldset[disabled] .ant-btn.active,fieldset[disabled] .ant-btn:active,fieldset[disabled] .ant-btn:focus,fieldset[disabled] .ant-btn:hover {
    color: #ccc;
    background-color: #f7f7f7;
    border-color: #d9d9d9
}

.ant-btn.disabled.active>a:only-child,.ant-btn.disabled:active>a:only-child,.ant-btn.disabled:focus>a:only-child,.ant-btn.disabled:hover>a:only-child,.ant-btn.disabled>a:only-child,.ant-btn[disabled].active>a:only-child,.ant-btn[disabled]:active>a:only-child,.ant-btn[disabled]:focus>a:only-child,.ant-btn[disabled]:hover>a:only-child,.ant-btn[disabled]>a:only-child,fieldset[disabled] .ant-btn.active>a:only-child,fieldset[disabled] .ant-btn:active>a:only-child,fieldset[disabled] .ant-btn:focus>a:only-child,fieldset[disabled] .ant-btn:hover>a:only-child,fieldset[disabled] .ant-btn>a:only-child {
    color: currentColor
}

.ant-btn.disabled.active>a:only-child:after,.ant-btn.disabled:active>a:only-child:after,.ant-btn.disabled:focus>a:only-child:after,.ant-btn.disabled:hover>a:only-child:after,.ant-btn.disabled>a:only-child:after,.ant-btn[disabled].active>a:only-child:after,.ant-btn[disabled]:active>a:only-child:after,.ant-btn[disabled]:focus>a:only-child:after,.ant-btn[disabled]:hover>a:only-child:after,.ant-btn[disabled]>a:only-child:after,fieldset[disabled] .ant-btn.active>a:only-child:after,fieldset[disabled] .ant-btn:active>a:only-child:after,fieldset[disabled] .ant-btn:focus>a:only-child:after,fieldset[disabled] .ant-btn:hover>a:only-child:after,fieldset[disabled] .ant-btn>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-btn:focus,.ant-btn:hover {
    color: #57c5f7;
    background-color: #fff;
    border-color: #57c5f7
}

.ant-btn:focus>a:only-child,.ant-btn:hover>a:only-child {
    color: currentColor
}

.ant-btn:focus>a:only-child:after,.ant-btn:hover>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-btn.active,.ant-btn:active {
    color: #2baee9;
    background-color: #fff;
    border-color: #2baee9
}

.ant-btn.active>a:only-child,.ant-btn:active>a:only-child {
    color: currentColor
}

.ant-btn.active>a:only-child:after,.ant-btn:active>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-btn-primary {
    color: #fff;
    background-color: #2db7f5;
    border-color: #2db7f5
}

.ant-btn-primary>a:only-child {
    color: currentColor
}

.ant-btn-primary>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-btn-primary:focus,.ant-btn-primary:hover {
    color: #fff;
    background-color: #57c5f7;
    border-color: #57c5f7
}

.ant-btn-primary:focus>a:only-child,.ant-btn-primary:hover>a:only-child {
    color: currentColor
}

.ant-btn-primary:focus>a:only-child:after,.ant-btn-primary:hover>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-btn-primary.active,.ant-btn-primary:active {
    color: #f2f2f2;
    background-color: #2baee9;
    border-color: #2baee9
}

.ant-btn-primary.active>a:only-child,.ant-btn-primary:active>a:only-child {
    color: currentColor
}

.ant-btn-primary.active>a:only-child:after,.ant-btn-primary:active>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-btn-primary.disabled,.ant-btn-primary.disabled.active,.ant-btn-primary.disabled:active,.ant-btn-primary.disabled:focus,.ant-btn-primary.disabled:hover,.ant-btn-primary[disabled],.ant-btn-primary[disabled].active,.ant-btn-primary[disabled]:active,.ant-btn-primary[disabled]:focus,.ant-btn-primary[disabled]:hover,fieldset[disabled] .ant-btn-primary,fieldset[disabled] .ant-btn-primary.active,fieldset[disabled] .ant-btn-primary:active,fieldset[disabled] .ant-btn-primary:focus,fieldset[disabled] .ant-btn-primary:hover {
    color: #ccc;
    background-color: #f7f7f7;
    border-color: #d9d9d9
}

.ant-btn-primary.disabled.active>a:only-child,.ant-btn-primary.disabled:active>a:only-child,.ant-btn-primary.disabled:focus>a:only-child,.ant-btn-primary.disabled:hover>a:only-child,.ant-btn-primary.disabled>a:only-child,.ant-btn-primary[disabled].active>a:only-child,.ant-btn-primary[disabled]:active>a:only-child,.ant-btn-primary[disabled]:focus>a:only-child,.ant-btn-primary[disabled]:hover>a:only-child,.ant-btn-primary[disabled]>a:only-child,fieldset[disabled] .ant-btn-primary.active>a:only-child,fieldset[disabled] .ant-btn-primary:active>a:only-child,fieldset[disabled] .ant-btn-primary:focus>a:only-child,fieldset[disabled] .ant-btn-primary:hover>a:only-child,fieldset[disabled] .ant-btn-primary>a:only-child {
    color: currentColor
}

.ant-btn-primary.disabled.active>a:only-child:after,.ant-btn-primary.disabled:active>a:only-child:after,.ant-btn-primary.disabled:focus>a:only-child:after,.ant-btn-primary.disabled:hover>a:only-child:after,.ant-btn-primary.disabled>a:only-child:after,.ant-btn-primary[disabled].active>a:only-child:after,.ant-btn-primary[disabled]:active>a:only-child:after,.ant-btn-primary[disabled]:focus>a:only-child:after,.ant-btn-primary[disabled]:hover>a:only-child:after,.ant-btn-primary[disabled]>a:only-child:after,fieldset[disabled] .ant-btn-primary.active>a:only-child:after,fieldset[disabled] .ant-btn-primary:active>a:only-child:after,fieldset[disabled] .ant-btn-primary:focus>a:only-child:after,fieldset[disabled] .ant-btn-primary:hover>a:only-child:after,fieldset[disabled] .ant-btn-primary>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-btn-primary.active,.ant-btn-primary:active,.ant-btn-primary:focus,.ant-btn-primary:hover {
    color: #fff
}

.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
    border-right-color: #2baee9;
    border-left-color: #2baee9
}

.ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
    border-right-color: #2baee9
}

.ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
    border-right-color: #d9d9d9
}

.ant-btn-group .ant-btn-primary+.ant-btn,.ant-btn-group .ant-btn-primary:last-child:not(:first-child) {
    border-left-color: #2baee9
}

.ant-btn-group .ant-btn-primary+.ant-btn[disabled],.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled] {
    border-left-color: #d9d9d9
}

.ant-btn-ghost {
    color: #666;
    background-color: transparent;
    border-color: #d9d9d9
}

.ant-btn-ghost>a:only-child {
    color: currentColor
}

.ant-btn-ghost>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-btn-ghost:focus,.ant-btn-ghost:hover {
    color: #858585;
    background-color: hsla(0,0%,100%,.2);
    border-color: #e1e1e1
}

.ant-btn-ghost.active,.ant-btn-ghost:active {
    color: #616161;
    background-color: rgba(0,0,0,.05);
    border-color: rgba(0,0,0,.05)
}

.ant-btn-ghost.disabled,.ant-btn-ghost.disabled.active,.ant-btn-ghost.disabled:active,.ant-btn-ghost.disabled:focus,.ant-btn-ghost.disabled:hover,.ant-btn-ghost[disabled],.ant-btn-ghost[disabled].active,.ant-btn-ghost[disabled]:active,.ant-btn-ghost[disabled]:focus,.ant-btn-ghost[disabled]:hover,fieldset[disabled] .ant-btn-ghost,fieldset[disabled] .ant-btn-ghost.active,fieldset[disabled] .ant-btn-ghost:active,fieldset[disabled] .ant-btn-ghost:focus,fieldset[disabled] .ant-btn-ghost:hover {
    color: #ccc;
    background-color: #f7f7f7;
    border-color: #d9d9d9
}

.ant-btn-ghost.disabled.active>a:only-child,.ant-btn-ghost.disabled:active>a:only-child,.ant-btn-ghost.disabled:focus>a:only-child,.ant-btn-ghost.disabled:hover>a:only-child,.ant-btn-ghost.disabled>a:only-child,.ant-btn-ghost[disabled].active>a:only-child,.ant-btn-ghost[disabled]:active>a:only-child,.ant-btn-ghost[disabled]:focus>a:only-child,.ant-btn-ghost[disabled]:hover>a:only-child,.ant-btn-ghost[disabled]>a:only-child,fieldset[disabled] .ant-btn-ghost.active>a:only-child,fieldset[disabled] .ant-btn-ghost:active>a:only-child,fieldset[disabled] .ant-btn-ghost:focus>a:only-child,fieldset[disabled] .ant-btn-ghost:hover>a:only-child,fieldset[disabled] .ant-btn-ghost>a:only-child {
    color: currentColor
}

.ant-btn-ghost.disabled.active>a:only-child:after,.ant-btn-ghost.disabled:active>a:only-child:after,.ant-btn-ghost.disabled:focus>a:only-child:after,.ant-btn-ghost.disabled:hover>a:only-child:after,.ant-btn-ghost.disabled>a:only-child:after,.ant-btn-ghost[disabled].active>a:only-child:after,.ant-btn-ghost[disabled]:active>a:only-child:after,.ant-btn-ghost[disabled]:focus>a:only-child:after,.ant-btn-ghost[disabled]:hover>a:only-child:after,.ant-btn-ghost[disabled]>a:only-child:after,fieldset[disabled] .ant-btn-ghost.active>a:only-child:after,fieldset[disabled] .ant-btn-ghost:active>a:only-child:after,fieldset[disabled] .ant-btn-ghost:focus>a:only-child:after,fieldset[disabled] .ant-btn-ghost:hover>a:only-child:after,fieldset[disabled] .ant-btn-ghost>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-btn-ghost:focus,.ant-btn-ghost:hover {
    color: #57c5f7;
    background-color: transparent;
    border-color: #57c5f7
}

.ant-btn-ghost:focus>a:only-child,.ant-btn-ghost:hover>a:only-child {
    color: currentColor
}

.ant-btn-ghost:focus>a:only-child:after,.ant-btn-ghost:hover>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-btn-ghost.active,.ant-btn-ghost:active {
    color: #2baee9;
    background-color: transparent;
    border-color: #2baee9
}

.ant-btn-ghost.active>a:only-child,.ant-btn-ghost:active>a:only-child {
    color: currentColor
}

.ant-btn-ghost.active>a:only-child:after,.ant-btn-ghost:active>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-btn-dashed {
    color: #666;
    background-color: transparent;
    border-color: #d9d9d9;
    border-style: dashed
}

.ant-btn-dashed>a:only-child {
    color: currentColor
}

.ant-btn-dashed>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-btn-dashed:focus,.ant-btn-dashed:hover {
    color: #858585;
    background-color: hsla(0,0%,100%,.2);
    border-color: #e1e1e1
}

.ant-btn-dashed.active,.ant-btn-dashed:active {
    color: #616161;
    background-color: rgba(0,0,0,.05);
    border-color: rgba(0,0,0,.05)
}

.ant-btn-dashed.disabled,.ant-btn-dashed.disabled.active,.ant-btn-dashed.disabled:active,.ant-btn-dashed.disabled:focus,.ant-btn-dashed.disabled:hover,.ant-btn-dashed[disabled],.ant-btn-dashed[disabled].active,.ant-btn-dashed[disabled]:active,.ant-btn-dashed[disabled]:focus,.ant-btn-dashed[disabled]:hover,fieldset[disabled] .ant-btn-dashed,fieldset[disabled] .ant-btn-dashed.active,fieldset[disabled] .ant-btn-dashed:active,fieldset[disabled] .ant-btn-dashed:focus,fieldset[disabled] .ant-btn-dashed:hover {
    color: #ccc;
    background-color: #f7f7f7;
    border-color: #d9d9d9
}

.ant-btn-dashed.disabled.active>a:only-child,.ant-btn-dashed.disabled:active>a:only-child,.ant-btn-dashed.disabled:focus>a:only-child,.ant-btn-dashed.disabled:hover>a:only-child,.ant-btn-dashed.disabled>a:only-child,.ant-btn-dashed[disabled].active>a:only-child,.ant-btn-dashed[disabled]:active>a:only-child,.ant-btn-dashed[disabled]:focus>a:only-child,.ant-btn-dashed[disabled]:hover>a:only-child,.ant-btn-dashed[disabled]>a:only-child,fieldset[disabled] .ant-btn-dashed.active>a:only-child,fieldset[disabled] .ant-btn-dashed:active>a:only-child,fieldset[disabled] .ant-btn-dashed:focus>a:only-child,fieldset[disabled] .ant-btn-dashed:hover>a:only-child,fieldset[disabled] .ant-btn-dashed>a:only-child {
    color: currentColor
}

.ant-btn-dashed.disabled.active>a:only-child:after,.ant-btn-dashed.disabled:active>a:only-child:after,.ant-btn-dashed.disabled:focus>a:only-child:after,.ant-btn-dashed.disabled:hover>a:only-child:after,.ant-btn-dashed.disabled>a:only-child:after,.ant-btn-dashed[disabled].active>a:only-child:after,.ant-btn-dashed[disabled]:active>a:only-child:after,.ant-btn-dashed[disabled]:focus>a:only-child:after,.ant-btn-dashed[disabled]:hover>a:only-child:after,.ant-btn-dashed[disabled]>a:only-child:after,fieldset[disabled] .ant-btn-dashed.active>a:only-child:after,fieldset[disabled] .ant-btn-dashed:active>a:only-child:after,fieldset[disabled] .ant-btn-dashed:focus>a:only-child:after,fieldset[disabled] .ant-btn-dashed:hover>a:only-child:after,fieldset[disabled] .ant-btn-dashed>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-btn-dashed:focus,.ant-btn-dashed:hover {
    color: #57c5f7;
    background-color: transparent;
    border-color: #57c5f7
}

.ant-btn-dashed:focus>a:only-child,.ant-btn-dashed:hover>a:only-child {
    color: currentColor
}

.ant-btn-dashed:focus>a:only-child:after,.ant-btn-dashed:hover>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-btn-dashed.active,.ant-btn-dashed:active {
    color: #2baee9;
    background-color: transparent;
    border-color: #2baee9
}

.ant-btn-dashed.active>a:only-child,.ant-btn-dashed:active>a:only-child {
    color: currentColor
}

.ant-btn-dashed.active>a:only-child:after,.ant-btn-dashed:active>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-btn-circle,.ant-btn-circle-outline {
    width: 28px;
    height: 28px;
    padding: 0;
    font-size: 14px;
    border-radius: 50%
}

.ant-btn-circle-outline.ant-btn-lg,.ant-btn-circle.ant-btn-lg {
    width: 32px;
    height: 32px;
    padding: 0;
    font-size: 16px;
    border-radius: 50%
}

.ant-btn-circle-outline.ant-btn-sm,.ant-btn-circle.ant-btn-sm {
    width: 22px;
    height: 22px;
    padding: 0;
    font-size: 12px;
    border-radius: 50%
}

.ant-btn:before {
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    background: #fff;
    opacity: .35;
    content: '';
    border-radius: inherit;
    z-index: 1;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    pointer-events: none;
    display: none
}

.ant-btn.ant-btn-loading {
    padding-left: 29px;
    pointer-events: none;
    position: relative
}

.ant-btn.ant-btn-loading .anticon {
    margin-left: -14px;
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1)
}

.ant-btn.ant-btn-loading:before {
    display: block
}

.ant-btn-sm.ant-btn-loading {
    padding-left: 24px
}

.ant-btn-sm.ant-btn-loading .anticon {
    margin-left: -17px
}

.ant-btn-group {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.ant-btn-group>.ant-btn {
    position: relative;
    float: left
}

.ant-btn-group>.ant-btn.active,.ant-btn-group>.ant-btn:active,.ant-btn-group>.ant-btn:focus,.ant-btn-group>.ant-btn:hover {
    z-index: 2
}

.ant-btn-group-lg>.ant-btn {
    padding: 4px 15px 5px;
    font-size: 14px;
    border-radius: 6px
}

.ant-btn-group-sm>.ant-btn {
    padding: 1px 7px;
    font-size: 12px;
    border-radius: 4px
}

.ant-btn-group-sm>.ant-btn>.anticon {
    font-size: 12px
}

.ant-btn+.ant-btn-group,.ant-btn-group+.ant-btn,.ant-btn-group+.ant-btn-group,.ant-btn-group .ant-btn+.ant-btn {
    margin-left: -1px
}

.ant-btn-group .ant-btn:not(:first-child):not(:last-child) {
    border-radius: 0;
    padding-left: 8px;
    padding-right: 8px
}

.ant-btn-group>.ant-btn:first-child {
    margin-left: 0
}

.ant-btn-group>.ant-btn:first-child:not(:last-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    padding-right: 8px
}

.ant-btn-group>.ant-btn:last-child:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    padding-left: 8px
}

.ant-btn-group>.ant-btn-group {
    float: left
}

.ant-btn-group>.ant-btn-group:not(:first-child):not(:last-child)>.ant-btn {
    border-radius: 0
}

.ant-btn-group>.ant-btn-group:first-child:not(:last-child)>.ant-btn:last-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    padding-right: 8px
}

.ant-btn-group>.ant-btn-group:last-child:not(:first-child)>.ant-btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    padding-left: 8px
}

.ant-btn:not(.ant-btn-circle):not(.ant-btn-circle-outline).ant-btn-icon-only {
    padding-left: 8px;
    padding-right: 8px
}

.ant-btn>.anticon+span,.ant-btn>span+.anticon {
    margin-left: .5em
}

.ant-btn-clicked:after {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    border-radius: inherit;
    border: 0 solid #2db7f5;
    opacity: .4;
    -webkit-animation: buttonEffect .32s ease forwards;
    animation: buttonEffect .32s ease forwards;
    display: block
}

@-webkit-keyframes buttonEffect {
    to {
        opacity: 0;
        top: -5px;
        left: -5px;
        bottom: -5px;
        right: -5px;
        border-width: 5px
    }
}

@keyframes buttonEffect {
    to {
        opacity: 0;
        top: -5px;
        left: -5px;
        bottom: -5px;
        right: -5px;
        border-width: 5px
    }
}

.message {
    max-height: 31.25rem
}

.ant-popover-placement-bottom {
    right: 1.5rem
}

.ant-popover-placement-bottom .ant-popover-arrow {
    left: inherit;
    right: 5.6rem;
    top: .0625rem
}

.col-btn {
    text-align: center;
    margin-top: 1.5625rem
}

.col-item {
    margin-bottom: .625rem
}

.col-item .book-lasttime {
    float: right;
    color: #999
}

.col-item .book-checktext {
    width: 17rem;
    display: inline-block;
    color: #666
}

.nodata {
    text-align: center
}

.ant-popover-inner {
    padding: 1.25rem 0 .5rem;
    width: 20rem
}

.ant-popover-inner .anticon-cross {
    position: absolute;
    top: .9375rem;
    right: 0;
    color: #999;
    cursor: pointer;
    font-weight: 700
}

.ant-popover-inner .anticon-cross:hover {
    color: #333
}

.ant-modal {
    position: relative;
    width: auto;
    margin: 0 auto;
    top: 100px;
    padding-bottom: 24px
}

.ant-modal-wrap {
    position: fixed;
    overflow: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.ant-modal-title {
    margin: 0;
    font-size: 14px;
    line-height: 21px;
    font-weight: 700
}

.ant-modal-content {
    position: relative;
    background-color: #fff;
    border: 0;
    border-radius: 6px;
    background-clip: padding-box
}

.ant-modal-close {
    cursor: pointer;
    border: 0;
    background: transparent;
    position: absolute;
    right: 18px;
    top: 16px;
    z-index: 10;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    color: #999;
    outline: 0
}

.ant-modal-close-x {
    display: block;
    font-style: normal;
    vertical-align: baseline;
    text-align: center;
    text-transform: none;
    text-rendering: auto;
    width: 14px;
    height: 14px;
    font-size: 14px;
    line-height: 1
}

.ant-modal-close-x:before {
    content: "\E62D";
    display: block;
    font-family: anticon!important
}

.ant-modal-close:focus,.ant-modal-close:hover {
    color: #444;
    text-decoration: none
}

.ant-modal-header {
    padding: 14px 16px;
    border-radius: 6px 6px 0 0;
    background: #fff;
    color: #666;
    border-bottom: 1px solid #e9e9e9
}

.ant-modal-body {
    padding: 16px;
    font-size: 12px;
    line-height: 1.5
}

.ant-modal-footer {
    border-top: 1px solid #e9e9e9;
    padding: 10px 18px 10px 10px;
    text-align: right;
    border-radius: 0 0 6px 6px
}

.ant-modal-footer button+button {
    margin-left: 8px;
    margin-bottom: 0
}

.ant-modal.zoom-appear,.ant-modal.zoom-enter {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-transform: none;
    transform: none;
    opacity: 0
}

.ant-modal-mask {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #373737;
    background-color: rgba(55,55,55,.6);
    height: 100%;
    z-index: 1000;
    filter: alpha(opacity=50)
}

.ant-modal-mask-hidden {
    display: none
}

.ant-modal-open {
    overflow: hidden
}

@media (max-width:768px) {
    .ant-modal {
        width: auto!important;
        margin: 10px
    }

    .vertical-center-modal .ant-modal {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.ant-confirm .ant-modal-header {
    display: none
}

.ant-confirm .ant-modal-body {
    padding: 30px 40px
}

.ant-confirm-body .ant-confirm-title {
    color: #666;
    font-weight: 700;
    font-size: 14px
}

.ant-confirm-body .ant-confirm-content {
    margin-left: 37px;
    font-size: 12px;
    color: #666;
    margin-top: 8px
}

.ant-confirm-body>.anticon {
    font-size: 24px;
    margin-right: 10px;
    padding: 0 1px;
    position: relative;
    top: 5px
}

.ant-confirm .ant-confirm-btns {
    margin-top: 30px;
    float: right
}

.ant-confirm .ant-confirm-btns button+button {
    margin-left: 10px;
    margin-bottom: 0
}

.ant-confirm-error .ant-confirm-body>.anticon {
    color: #f50
}

.ant-confirm-confirm .ant-confirm-body>.anticon,.ant-confirm-warning .ant-confirm-body>.anticon {
    color: #fa0
}

.ant-confirm-info .ant-confirm-body>.anticon {
    color: #2db7f5
}

.ant-confirm-success .ant-confirm-body>.anticon {
    color: #87d068
}

.ant-notification {
    position: fixed;
    z-index: 1010;
    width: 335px;
    margin-right: 24px
}

.ant-notification-notice {
    padding: 16px;
    border-radius: 6px;
    box-shadow: 0 1px 8px hsla(0,0%,39%,.2);
    border: 1px solid #d9d9d9;
    background: #fff;
    line-height: 1.5;
    position: relative;
    margin-bottom: 10px;
    overflow: hidden
}

.ant-notification-notice-message {
    font-size: 14px;
    color: #666;
    margin-bottom: 4px
}

.ant-notification-notice-description {
    font-size: 12px;
    color: #999
}

.ant-notification-notice-with-icon .ant-notification-notice-message {
    font-size: 14px;
    color: #666;
    margin-left: 51px;
    margin-bottom: 4px
}

.ant-notification-notice-with-icon .ant-notification-notice-description {
    margin-left: 51px;
    font-size: 12px;
    color: #999
}

.ant-notification-notice-icon {
    position: absolute;
    left: 16px;
    top: 50%;
    margin-top: -17px;
    font-size: 34px
}

.ant-notification-notice-icon-success {
    color: #87d068
}

.ant-notification-notice-icon-info {
    color: #2db7f5
}

.ant-notification-notice-icon-warning {
    color: #fa0
}

.ant-notification-notice-icon-error {
    color: #f50
}

.ant-notification-notice-close-x:after {
    font-size: 12px;
    content: "\E62D";
    font-family: anticon;
    cursor: pointer
}

.ant-notification-notice-close {
    position: absolute;
    right: 16px;
    top: 10px;
    color: #999;
    outline: none
}

.ant-notification-notice-btn {
    float: right;
    margin-top: 16px
}

.ant-notification .notification-fade-effect {
    -webkit-animation-duration: .24s;
    animation-duration: .24s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(.645,.045,.355,1);
    animation-timing-function: cubic-bezier(.645,.045,.355,1)
}

.ant-notification-fade-appear,.ant-notification-fade-enter {
    opacity: 0;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ant-notification-fade-appear,.ant-notification-fade-enter,.ant-notification-fade-leave {
    -webkit-animation-duration: .24s;
    animation-duration: .24s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(.645,.045,.355,1);
    animation-timing-function: cubic-bezier(.645,.045,.355,1)
}

.ant-notification-fade-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ant-notification-fade-appear.ant-notification-fade-appear-active,.ant-notification-fade-enter.ant-notification-fade-enter-active {
    -webkit-animation-name: NotificationFadeIn;
    animation-name: NotificationFadeIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ant-notification-fade-leave.ant-notification-fade-leave-active {
    -webkit-animation-name: NotificationFadeOut;
    animation-name: NotificationFadeOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

@-webkit-keyframes NotificationFadeIn {
    0% {
        opacity: 0;
        left: 335px
    }

    to {
        left: 0;
        opacity: 1
    }
}

@keyframes NotificationFadeIn {
    0% {
        opacity: 0;
        left: 335px
    }

    to {
        left: 0;
        opacity: 1
    }
}

@-webkit-keyframes NotificationFadeOut {
    0% {
        opacity: 1;
        margin-bottom: 10px;
        padding-top: 16px;
        padding-bottom: 16px;
        max-height: 150px
    }

    to {
        opacity: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
        max-height: 0
    }
}

@keyframes NotificationFadeOut {
    0% {
        opacity: 1;
        margin-bottom: 10px;
        padding-top: 16px;
        padding-bottom: 16px;
        max-height: 150px
    }

    to {
        opacity: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
        max-height: 0
    }
}

.notice-page .ant-tabs-nav .ant-tabs-tab-inner {
    padding: 1.25rem
}

.noticedetail-page .page-title>h2 {
    float: left
}

.noticedetail-page .page-title>a {
    float: right
}

.count-list {
    padding: 1.25rem 0
}

.sendtime {
    float: right
}

pre {
    white-space: pre-wrap;
    word-wrap: break-word
}

.status {
    position: relative
}

.status:before {
    content: '';
    display: inline-block;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background-color: #fff;
    margin-right: .3125rem
}

.status-warning:before {
    background-color: #f60
}

.status-success:before {
    background-color: #59c846
}

.noticelink.ant-badge {
    display: block
}

.noticelink .ant-badge-dot {
    top: 1.5625rem;
    left: 1.875rem
}

.ant-checkbox {
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    display: inline-block;
    line-height: 1;
    position: relative;
    vertical-align: middle
}

.ant-checkbox-focused .ant-checkbox-inner,.ant-checkbox:hover .ant-checkbox-inner {
    border-color: #bcbcbc
}

.ant-checkbox-inner {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 3px;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    -webkit-transition: border-color .1s cubic-bezier(.71,-.46,.29,1.46),background-color .1s cubic-bezier(.71,-.46,.29,1.46);
    transition: border-color .1s cubic-bezier(.71,-.46,.29,1.46),background-color .1s cubic-bezier(.71,-.46,.29,1.46)
}

.ant-checkbox-inner:after {
    -webkit-transform: rotate(45deg) scale(0);
    transform: rotate(45deg) scale(0);
    position: absolute;
    left: 4px;
    top: 1px;
    display: table;
    width: 5px;
    height: 8px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    content: ' ';
    -webkit-transition: all .1s cubic-bezier(.71,-.46,.88,.6);
    transition: all .1s cubic-bezier(.71,-.46,.88,.6)
}

.ant-checkbox-input {
    position: absolute;
    left: 0;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.ant-checkbox-indeterminate .ant-checkbox-inner {
    border-color: #2db7f5;
    background-color: #2db7f5
}

.ant-checkbox-indeterminate .ant-checkbox-inner:after {
    content: ' ';
    -webkit-transform: scale(1);
    transform: scale(1);
    position: absolute;
    left: 2px;
    top: 5px;
    width: 8px;
    height: 1px
}

.ant-checkbox-checked:hover .ant-checkbox-inner,.ant-checkbox-indeterminate:hover .ant-checkbox-inner {
    border-color: #2db7f5
}

.ant-checkbox-checked .ant-checkbox-inner {
    border-color: #2db7f5;
    background-color: #2db7f5
}

.ant-checkbox-checked .ant-checkbox-inner:after {
    -webkit-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
    position: absolute;
    left: 4px;
    top: 1px;
    display: table;
    width: 5px;
    height: 8px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    content: ' ';
    -webkit-transition: all .2s cubic-bezier(.12,.4,.29,1.46) .1s;
    transition: all .2s cubic-bezier(.12,.4,.29,1.46) .1s
}

.ant-checkbox-disabled.ant-checkbox-checked:hover .ant-checkbox-inner {
    border-color: #d9d9d9
}

.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner {
    background-color: #f3f3f3;
    border-color: #d9d9d9
}

.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner:after {
    -webkit-animation-name: none;
    animation-name: none;
    border-color: #ccc
}

.ant-checkbox-disabled:hover .ant-checkbox-inner {
    border-color: #d9d9d9
}

.ant-checkbox-disabled .ant-checkbox-inner {
    border-color: #d9d9d9;
    background-color: #f3f3f3
}

.ant-checkbox-disabled .ant-checkbox-inner:after {
    -webkit-animation-name: none;
    animation-name: none;
    border-color: #f3f3f3
}

.ant-checkbox-disabled .ant-checkbox-inner-input {
    cursor: default
}

.ant-checkbox-disabled+span {
    color: #ccc;
    cursor: not-allowed
}

.ant-checkbox-wrapper {
    cursor: pointer;
    font-size: 12px;
    display: inline-block
}

.ant-checkbox-wrapper+.ant-checkbox-wrapper {
    margin-left: 8px
}

.ant-checkbox+span,.ant-checkbox-wrapper+span {
    margin-left: 8px;
    margin-right: 8px
}

.ant-checkbox-group {
    font-size: 12px
}

.ant-checkbox-group-item {
    display: inline-block
}

@media \0screen {
    .ant-checkbox-checked .ant-checkbox-inner:after,.ant-checkbox-checked .ant-checkbox-inner:before {
        font-family: anticon;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\E62E";
        font-weight: 700;
        font-size: 8px;
        border: 0;
        color: #fff;
        left: 2px;
        top: 3px;
        position: absolute
    }
}

.bottomTextOuter___Vf6Bt {
    position: relative;
    bottom: 3.125rem;
    margin-left: 50%
}

.bottomText___1GSrB {
    color: #6b7986;
    font-size: 14px;
    margin-left: -300px
}

.bottomText___1GSrB a {
    color: #6b7986!important
}

.loginverify {
    margin-top: 20px
}

.loginverify input {
    height: 37px;
    text-align: center;
    font-size: 14px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #e0e0e0;
    width: 240px
}

.loginverify img {
    float: right;
    cursor: pointer;
    width: 107px;
    height: 41px;
    margin-top: -5px
}

.loginPage {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #34424f
}

.loginPage .clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ' ';
    clear: both;
    height: 0
}

.loginPage .clearfix {
    zoom: 1
}

@font-face {
    font-family:anticon;src:url('https://at.alicdn.com/t/font_1463992151_360388.eot');src:url('https://at.alicdn.com/t/font_1463992151_360388.eot?#iefix') format('embedded-opentype'),url('https://at.alicdn.com/t/font_1463992151_360388.woff') format('woff'),url('https://at.alicdn.com/t/font_1463992151_360388.ttf') format('truetype'),url('https://at.alicdn.com/t/font_1463992151_360388.svg#iconfont') format('svg')
}

.loginPage .wrapper {
    height: 100%;
    background-color: #34424f
}

.loginPage .loginwrap {
    height: 530px;
    width: 1120px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -560px;
    margin-top: -265px
}

.loginPage .loginbox {
    background: #fff;
    padding: 20px
}

.loginPage .loginleft {
    width: 479px;
    padding-right: 20px
}

.loginPage .loginleft>img {
    width: 500px;
    height: 420px
}

.loginPage .loginright {
    width: 540px
}

.loginPage .entrance {
    text-align: right
}

.loginPage .entrance a {
    color: #6b6b6b
}

.loginPage .logininput {
    width: 357px;
    margin: 27px auto 0
}

.loginPage .loginname,.loginPage .loginpwd {
    position: relative
}

.loginPage .loginname input,.loginPage .loginpwd input {
    height: 37px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #e0e0e0
}

.loginPage .loginname input:hover,.loginPage .loginpwd input:hover {
    border-bottom: 1px solid rgba(87,197,247,.8)
}

.loginPage .loginname {
    margin-top: 50px
}

.loginPage .loginpwd {
    margin-top: 20px
}

.loginPage .ali-logo {
    position: relative
}

.loginPage .ali-logo img {
    height: 45px;
    margin-bottom: 30px;
    margin-left: 53px
}

.loginPage .checkbox-re {
    margin-left: -16px
}

.loginPage .remember {
    margin-top: 20px;
    cursor: pointer
}

.loginPage .remember i {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 1px solid #cdcdcd;
    vertical-align: middle;
    border-radius: 2px;
    padding: 2px
}

.loginPage .remember i.active {
    background: #fa6346;
    background-clip: content-box;
    -webkit-background-clip: content-box;
    -moz-background-clip: content-box
}

.loginPage .remember span {
    margin-left: 8px;
    color: #6e6e6e;
    vertical-align: middle
}

.loginPage .loginbtn {
    margin: 25px 0;
    width: 357px;
    height: 50px;
    font-size: 14px;
    padding: 6px 15px 5px
}

.loginPage .logo {
    text-align: center;
    margin: 30px 0
}

.loginPage .register {
    text-align: center;
    font-size: 14px
}

.loginPage .register a {
    color: #6c6c6c
}

.loginPage .register i {
    margin: 0 18px
}

.loginPage .anticon {
    position: absolute;
    top: 12px;
    right: 0;
    font-size: 18px;
    color: #b9b9b9;
    display: inline-block;
    font-style: normal;
    vertical-align: baseline;
    text-align: center;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.loginPage .anticon-eye-o:before {
    content: "\E66D"
}

.loginPage .anticon-eye-o-click {
    color: #f36f20
}

.loginPage .anticon:before {
    display: block;
    font-family: anticon!important
}

fieldset {
    margin: 0;
    min-width: 0
}

fieldset,legend {
    padding: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: inherit;
    color: #999;
    border-bottom: 1px solid #d9d9d9
}

label {
    font-size: 12px
}

input[type=search] {
    box-sizing: border-box
}

input[type=checkbox],input[type=radio] {
    line-height: normal
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple],select[size] {
    height: auto
}

input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    display: block;
    padding-top: 15px;
    font-size: 12px;
    line-height: 1.5;
    color: #666
}

label {
    position: relative
}

label>.anticon {
    vertical-align: top;
    font-size: 12px
}

.ant-form-item-required:before {
    display: inline-block;
    margin-right: 4px;
    content: "*";
    font-family: SimSun;
    font-size: 12px;
    color: #f50
}

.ant-checkbox-inline.disabled,.ant-checkbox-vertical.disabled,.ant-checkbox.disabled label,.ant-radio-inline.disabled,.ant-radio-vertical.disabled,.ant-radio.disabled label,fieldset[disabled] .ant-checkbox-inline,fieldset[disabled] .ant-checkbox-vertical,fieldset[disabled] .ant-checkbox label,fieldset[disabled] .ant-radio-inline,fieldset[disabled] .ant-radio-vertical,fieldset[disabled] .ant-radio label,fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled] {
    cursor: not-allowed
}

.ant-form-item {
    font-size: 12px;
    margin-bottom: 24px;
    color: #666
}

.ant-form-item :not(.ant-form)>.ant-form-item,.ant-form-item>.ant-form-item {
    margin-bottom: -24px
}

.ant-form-item-control {
    line-height: 32px;
    position: relative;
    zoom: 1
}

.ant-form-item-control:after,.ant-form-item-control:before {
    content: " ";
    display: table
}

.ant-form-item-control:after {
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0
}

.ant-form-item-with-help {
    margin-bottom: 3px
}

.ant-form-item-label {
    text-align: right;
    vertical-align: middle;
    padding: 7px 0;
    display: inline-block
}

.ant-form-item-label label {
    color: #666
}

.ant-form-item-label label:after {
    content: ":";
    margin: 0 8px 0 2px;
    position: relative;
    top: -.5px
}

.ant-form-item .ant-switch {
    margin: 4px 0
}

.ant-form-explain {
    line-height: 1.5;
    margin-top: 3px
}

.ant-form-explain,.ant-form-extra {
    color: #999
}

.ant-form-text {
    display: inline-block;
    padding-right: 8px
}

.ant-form-split {
    display: block;
    text-align: center
}

form .has-feedback .ant-input {
    padding-right: 24px
}

form textarea.ant-input {
    height: auto
}

form .ant-upload {
    background: transparent
}

form input[type=checkbox],form input[type=radio] {
    width: 14px;
    height: 14px
}

form .ant-checkbox-inline,form .ant-radio-inline {
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    cursor: pointer;
    margin-left: 8px
}

form .ant-checkbox-inline:first-child,form .ant-radio-inline:first-child {
    margin-left: 0
}

form .ant-checkbox-vertical,form .ant-radio-vertical {
    display: block
}

form .ant-checkbox-vertical+.ant-checkbox-vertical,form .ant-radio-vertical+.ant-radio-vertical {
    margin-left: 0
}

form .ant-input-number {
    margin-top: -1px;
    margin-right: 8px
}

form .ant-cascader-picker,form .ant-select {
    width: 100%
}

.ant-input-group-wrap .ant-select-selection {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.ant-input-group-wrap .ant-select-selection:hover {
    border-color: #d9d9d9
}

.ant-input-group-wrap .ant-select-selection--single {
    margin-left: -1px;
    height: 32px;
    background-color: #eee
}

.ant-input-group-wrap .ant-select-selection--single .ant-select-selection__rendered {
    padding-left: 8px;
    padding-right: 25px;
    line-height: 30px
}

.ant-input-group-wrap .ant-select-open .ant-select-selection {
    border-color: #d9d9d9;
    box-shadow: none
}

.ant-form-horizontal .ant-form-item {
    position: relative;
    margin-left: 0;
    margin-right: 0;
    height: auto;
    zoom: 1
}

.ant-form-horizontal .ant-form-item:after,.ant-form-horizontal .ant-form-item:before {
    content: " ";
    display: table
}

.ant-form-horizontal .ant-form-item:after {
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0
}

.ant-form-horizontal .ant-checkbox-inline,.ant-form-horizontal .ant-radio-inline {
    vertical-align: baseline
}

.ant-form-inline .ant-form-item {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 0
}

.ant-form-inline .ant-form-item-with-help {
    margin-bottom: 24px
}

.ant-form-inline .ant-form-item>div,.ant-form-inline .ant-form-text,.ant-form-inline .has-feedback {
    display: inline-block
}

.ant-form-inline .ant-form-explain {
    position: absolute
}

.ant-form-horizontal label>input[type=checkbox],.ant-form-horizontal label>input[type=radio],.ant-form-inline label>input[type=checkbox],.ant-form-inline label>input[type=radio] {
    margin-right: 4px
}

.has-error.has-feedback:after,.has-success.has-feedback:after,.has-warning.has-feedback:after,.is-validating.has-feedback:after {
    position: absolute;
    top: 0;
    right: 0;
    visibility: visible;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    -webkit-animation: zoomIn .3s cubic-bezier(.12,.4,.29,1.46);
    animation: zoomIn .3s cubic-bezier(.12,.4,.29,1.46);
    font-family: anticon;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: ""
}

.has-success.has-feedback:after {
    -webkit-animation-name: diffZoomIn1!important;
    animation-name: diffZoomIn1!important
}

.has-error.has-feedback:after {
    -webkit-animation-name: diffZoomIn2!important;
    animation-name: diffZoomIn2!important
}

.has-warning.has-feedback:after {
    -webkit-animation-name: diffZoomIn3!important;
    animation-name: diffZoomIn3!important
}

.has-success .ant-input {
    border-color: #d9d9d9;
    box-shadow: none
}

.has-success.has-feedback:after {
    content: '\E62F';
    color: #87d068
}

.has-warning .ant-form-explain,.has-warning .ant-form-split {
    color: #fa0
}

.has-warning .ant-input {
    border-color: #fa0;
    box-shadow: 0 0 0 2px rgba(255,170,0,.2)
}

.has-warning .ant-input:not([disabled]):hover {
    border-color: #fa0
}

.has-warning .ant-calendar-picker-open .ant-calendar-picker-input {
    box-shadow: 0 0 0 2px rgba(255,170,0,.2)
}

.has-warning .ant-input-group-addon {
    color: #fa0;
    border-color: #fa0;
    background-color: #fff
}

.has-warning .has-feedback {
    color: #fa0
}

.has-warning.has-feedback:after {
    content: '\E634';
    color: #fa0
}

.has-warning .ant-select-selection {
    border-color: #fa0;
    box-shadow: 0 0 0 2px rgba(255,170,0,.2)
}

.has-warning .ant-calendar-picker-icon:after,.has-warning .ant-select-arrow,.has-warning .ant-time-picker-icon:after {
    color: #fa0
}

.has-warning .ant-input-number {
    border-color: #fa0;
    box-shadow: 0 0 0 2px rgba(255,170,0,.2)
}

.has-warning .ant-input-number:not([disabled]):hover {
    border-color: #fa0
}

.has-error .ant-form-explain,.has-error .ant-form-split {
    color: #f50
}

.has-error .ant-input {
    border-color: #f50;
    box-shadow: 0 0 0 2px rgba(255,85,0,.2)
}

.has-error .ant-input:not([disabled]):hover {
    border-color: #f50
}

.has-error .ant-calendar-picker-open .ant-calendar-picker-input {
    box-shadow: 0 0 0 2px rgba(255,85,0,.2)
}

.has-error .ant-input-group-addon {
    color: #f50;
    border-color: #f50;
    background-color: #fff
}

.has-error .has-feedback {
    color: #f50
}

.has-error.has-feedback:after {
    content: '\E631';
    color: #f50
}

.has-error .ant-select-selection {
    border-color: #f50;
    box-shadow: 0 0 0 2px rgba(255,85,0,.2)
}

.has-error .ant-calendar-picker-icon:after,.has-error .ant-select-arrow,.has-error .ant-time-picker-picker-icon:after {
    color: #f50
}

.has-error .ant-input-number {
    border-color: #f50;
    box-shadow: 0 0 0 2px rgba(255,85,0,.2)
}

.has-error .ant-input-number:not([disabled]):hover {
    border-color: #f50
}

.is-validating.has-feedback:after {
    display: inline-block;
    -webkit-animation: loadingCircle 1s infinite linear;
    animation: loadingCircle 1s infinite linear;
    content: "\E6A1";
    color: #999
}

.ant-advanced-search-form .ant-form-item {
    margin-bottom: 16px
}

.ant-advanced-search-form .ant-input,.ant-advanced-search-form .ant-input-group .ant-input,.ant-advanced-search-form .ant-input-group .ant-input-group-addon {
    height: 28px
}

@-webkit-keyframes diffZoomIn1 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes diffZoomIn1 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes diffZoomIn2 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes diffZoomIn2 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes diffZoomIn3 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes diffZoomIn3 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.ant-row {
    position: relative;
    margin-left: 0;
    margin-right: 0;
    height: auto;
    zoom: 1;
    display: block
}

.ant-row:after,.ant-row:before {
    content: " ";
    display: table
}

.ant-row:after {
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0
}

.ant-row-flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ant-row-flex,.ant-row-flex:after,.ant-row-flex:before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ant-row-flex-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.ant-row-flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ant-row-flex-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.ant-row-flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ant-row-flex-space-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.ant-row-flex-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start
}

.ant-row-flex-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center
}

.ant-row-flex-bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -ms-grid-row-align: flex-end;
    align-items: flex-end
}

.ant-col {
    position: relative;
    display: block
}

.ant-col-1,.ant-col-2,.ant-col-3,.ant-col-4,.ant-col-5,.ant-col-6,.ant-col-7,.ant-col-8,.ant-col-9,.ant-col-10,.ant-col-11,.ant-col-12,.ant-col-13,.ant-col-14,.ant-col-15,.ant-col-16,.ant-col-17,.ant-col-18,.ant-col-19,.ant-col-20,.ant-col-21,.ant-col-22,.ant-col-23,.ant-col-24,.ant-col-lg-1,.ant-col-lg-2,.ant-col-lg-3,.ant-col-lg-4,.ant-col-lg-5,.ant-col-lg-6,.ant-col-lg-7,.ant-col-lg-8,.ant-col-lg-9,.ant-col-lg-10,.ant-col-lg-11,.ant-col-lg-12,.ant-col-lg-13,.ant-col-lg-14,.ant-col-lg-15,.ant-col-lg-16,.ant-col-lg-17,.ant-col-lg-18,.ant-col-lg-19,.ant-col-lg-20,.ant-col-lg-21,.ant-col-lg-22,.ant-col-lg-23,.ant-col-lg-24,.ant-col-md-1,.ant-col-md-2,.ant-col-md-3,.ant-col-md-4,.ant-col-md-5,.ant-col-md-6,.ant-col-md-7,.ant-col-md-8,.ant-col-md-9,.ant-col-md-10,.ant-col-md-11,.ant-col-md-12,.ant-col-md-13,.ant-col-md-14,.ant-col-md-15,.ant-col-md-16,.ant-col-md-17,.ant-col-md-18,.ant-col-md-19,.ant-col-md-20,.ant-col-md-21,.ant-col-md-22,.ant-col-md-23,.ant-col-md-24,.ant-col-sm-1,.ant-col-sm-2,.ant-col-sm-3,.ant-col-sm-4,.ant-col-sm-5,.ant-col-sm-6,.ant-col-sm-7,.ant-col-sm-8,.ant-col-sm-9,.ant-col-sm-10,.ant-col-sm-11,.ant-col-sm-12,.ant-col-sm-13,.ant-col-sm-14,.ant-col-sm-15,.ant-col-sm-16,.ant-col-sm-17,.ant-col-sm-18,.ant-col-sm-19,.ant-col-sm-20,.ant-col-sm-21,.ant-col-sm-22,.ant-col-sm-23,.ant-col-sm-24,.ant-col-xs-1,.ant-col-xs-2,.ant-col-xs-3,.ant-col-xs-4,.ant-col-xs-5,.ant-col-xs-6,.ant-col-xs-7,.ant-col-xs-8,.ant-col-xs-9,.ant-col-xs-10,.ant-col-xs-11,.ant-col-xs-12,.ant-col-xs-13,.ant-col-xs-14,.ant-col-xs-15,.ant-col-xs-16,.ant-col-xs-17,.ant-col-xs-18,.ant-col-xs-19,.ant-col-xs-20,.ant-col-xs-21,.ant-col-xs-22,.ant-col-xs-23,.ant-col-xs-24 {
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0
}

.ant-col-1,.ant-col-2,.ant-col-3,.ant-col-4,.ant-col-5,.ant-col-6,.ant-col-7,.ant-col-8,.ant-col-9,.ant-col-10,.ant-col-11,.ant-col-12,.ant-col-13,.ant-col-14,.ant-col-15,.ant-col-16,.ant-col-17,.ant-col-18,.ant-col-19,.ant-col-20,.ant-col-21,.ant-col-22,.ant-col-23,.ant-col-24 {
    float: left;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.ant-col-24 {
    display: block;
    width: 100%
}

.ant-col-push-24 {
    left: 100%
}

.ant-col-pull-24 {
    right: 100%
}

.ant-col-offset-24 {
    margin-left: 100%
}

.ant-col-order-24 {
    -webkit-box-ordinal-group: 25;
    -ms-flex-order: 24;
    order: 24
}

.ant-col-23 {
    display: block;
    width: 95.83333333%
}

.ant-col-push-23 {
    left: 95.83333333%
}

.ant-col-pull-23 {
    right: 95.83333333%
}

.ant-col-offset-23 {
    margin-left: 95.83333333%
}

.ant-col-order-23 {
    -webkit-box-ordinal-group: 24;
    -ms-flex-order: 23;
    order: 23
}

.ant-col-22 {
    display: block;
    width: 91.66666667%
}

.ant-col-push-22 {
    left: 91.66666667%
}

.ant-col-pull-22 {
    right: 91.66666667%
}

.ant-col-offset-22 {
    margin-left: 91.66666667%
}

.ant-col-order-22 {
    -webkit-box-ordinal-group: 23;
    -ms-flex-order: 22;
    order: 22
}

.ant-col-21 {
    display: block;
    width: 87.5%
}

.ant-col-push-21 {
    left: 87.5%
}

.ant-col-pull-21 {
    right: 87.5%
}

.ant-col-offset-21 {
    margin-left: 87.5%
}

.ant-col-order-21 {
    -webkit-box-ordinal-group: 22;
    -ms-flex-order: 21;
    order: 21
}

.ant-col-20 {
    display: block;
    width: 83.33333333%
}

.ant-col-push-20 {
    left: 83.33333333%
}

.ant-col-pull-20 {
    right: 83.33333333%
}

.ant-col-offset-20 {
    margin-left: 83.33333333%
}

.ant-col-order-20 {
    -webkit-box-ordinal-group: 21;
    -ms-flex-order: 20;
    order: 20
}

.ant-col-19 {
    display: block;
    width: 79.16666667%
}

.ant-col-push-19 {
    left: 79.16666667%
}

.ant-col-pull-19 {
    right: 79.16666667%
}

.ant-col-offset-19 {
    margin-left: 79.16666667%
}

.ant-col-order-19 {
    -webkit-box-ordinal-group: 20;
    -ms-flex-order: 19;
    order: 19
}

.ant-col-18 {
    display: block;
    width: 75%
}

.ant-col-push-18 {
    left: 75%
}

.ant-col-pull-18 {
    right: 75%
}

.ant-col-offset-18 {
    margin-left: 75%
}

.ant-col-order-18 {
    -webkit-box-ordinal-group: 19;
    -ms-flex-order: 18;
    order: 18
}

.ant-col-17 {
    display: block;
    width: 70.83333333%
}

.ant-col-push-17 {
    left: 70.83333333%
}

.ant-col-pull-17 {
    right: 70.83333333%
}

.ant-col-offset-17 {
    margin-left: 70.83333333%
}

.ant-col-order-17 {
    -webkit-box-ordinal-group: 18;
    -ms-flex-order: 17;
    order: 17
}

.ant-col-16 {
    display: block;
    width: 66.66666667%
}

.ant-col-push-16 {
    left: 66.66666667%
}

.ant-col-pull-16 {
    right: 66.66666667%
}

.ant-col-offset-16 {
    margin-left: 66.66666667%
}

.ant-col-order-16 {
    -webkit-box-ordinal-group: 17;
    -ms-flex-order: 16;
    order: 16
}

.ant-col-15 {
    display: block;
    width: 62.5%
}

.ant-col-push-15 {
    left: 62.5%
}

.ant-col-pull-15 {
    right: 62.5%
}

.ant-col-offset-15 {
    margin-left: 62.5%
}

.ant-col-order-15 {
    -webkit-box-ordinal-group: 16;
    -ms-flex-order: 15;
    order: 15
}

.ant-col-14 {
    display: block;
    width: 58.33333333%
}

.ant-col-push-14 {
    left: 58.33333333%
}

.ant-col-pull-14 {
    right: 58.33333333%
}

.ant-col-offset-14 {
    margin-left: 58.33333333%
}

.ant-col-order-14 {
    -webkit-box-ordinal-group: 15;
    -ms-flex-order: 14;
    order: 14
}

.ant-col-13 {
    display: block;
    width: 54.16666667%
}

.ant-col-push-13 {
    left: 54.16666667%
}

.ant-col-pull-13 {
    right: 54.16666667%
}

.ant-col-offset-13 {
    margin-left: 54.16666667%
}

.ant-col-order-13 {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13
}

.ant-col-12 {
    display: block;
    width: 50%
}

.ant-col-push-12 {
    left: 50%
}

.ant-col-pull-12 {
    right: 50%
}

.ant-col-offset-12 {
    margin-left: 50%
}

.ant-col-order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12
}

.ant-col-11 {
    display: block;
    width: 45.83333333%
}

.ant-col-push-11 {
    left: 45.83333333%
}

.ant-col-pull-11 {
    right: 45.83333333%
}

.ant-col-offset-11 {
    margin-left: 45.83333333%
}

.ant-col-order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
}

.ant-col-10 {
    display: block;
    width: 41.66666667%
}

.ant-col-push-10 {
    left: 41.66666667%
}

.ant-col-pull-10 {
    right: 41.66666667%
}

.ant-col-offset-10 {
    margin-left: 41.66666667%
}

.ant-col-order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
}

.ant-col-9 {
    display: block;
    width: 37.5%
}

.ant-col-push-9 {
    left: 37.5%
}

.ant-col-pull-9 {
    right: 37.5%
}

.ant-col-offset-9 {
    margin-left: 37.5%
}

.ant-col-order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
}

.ant-col-8 {
    display: block;
    width: 33.33333333%
}

.ant-col-push-8 {
    left: 33.33333333%
}

.ant-col-pull-8 {
    right: 33.33333333%
}

.ant-col-offset-8 {
    margin-left: 33.33333333%
}

.ant-col-order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
}

.ant-col-7 {
    display: block;
    width: 29.16666667%
}

.ant-col-push-7 {
    left: 29.16666667%
}

.ant-col-pull-7 {
    right: 29.16666667%
}

.ant-col-offset-7 {
    margin-left: 29.16666667%
}

.ant-col-order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
}

.ant-col-6 {
    display: block;
    width: 25%
}

.ant-col-push-6 {
    left: 25%
}

.ant-col-pull-6 {
    right: 25%
}

.ant-col-offset-6 {
    margin-left: 25%
}

.ant-col-order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

.ant-col-5 {
    display: block;
    width: 20.83333333%
}

.ant-col-push-5 {
    left: 20.83333333%
}

.ant-col-pull-5 {
    right: 20.83333333%
}

.ant-col-offset-5 {
    margin-left: 20.83333333%
}

.ant-col-order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.ant-col-4 {
    display: block;
    width: 16.66666667%
}

.ant-col-push-4 {
    left: 16.66666667%
}

.ant-col-pull-4 {
    right: 16.66666667%
}

.ant-col-offset-4 {
    margin-left: 16.66666667%
}

.ant-col-order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.ant-col-3 {
    display: block;
    width: 12.5%
}

.ant-col-push-3 {
    left: 12.5%
}

.ant-col-pull-3 {
    right: 12.5%
}

.ant-col-offset-3 {
    margin-left: 12.5%
}

.ant-col-order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.ant-col-2 {
    display: block;
    width: 8.33333333%
}

.ant-col-push-2 {
    left: 8.33333333%
}

.ant-col-pull-2 {
    right: 8.33333333%
}

.ant-col-offset-2 {
    margin-left: 8.33333333%
}

.ant-col-order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.ant-col-1 {
    display: block;
    width: 4.16666667%
}

.ant-col-push-1 {
    left: 4.16666667%
}

.ant-col-pull-1 {
    right: 4.16666667%
}

.ant-col-offset-1 {
    margin-left: 4.16666667%
}

.ant-col-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.ant-col-0 {
    display: none
}

.ant-col-xs-1,.ant-col-xs-2,.ant-col-xs-3,.ant-col-xs-4,.ant-col-xs-5,.ant-col-xs-6,.ant-col-xs-7,.ant-col-xs-8,.ant-col-xs-9,.ant-col-xs-10,.ant-col-xs-11,.ant-col-xs-12,.ant-col-xs-13,.ant-col-xs-14,.ant-col-xs-15,.ant-col-xs-16,.ant-col-xs-17,.ant-col-xs-18,.ant-col-xs-19,.ant-col-xs-20,.ant-col-xs-21,.ant-col-xs-22,.ant-col-xs-23,.ant-col-xs-24 {
    float: left;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.ant-col-xs-24 {
    display: block;
    width: 100%
}

.ant-col-xs-push-24 {
    left: 100%
}

.ant-col-xs-pull-24 {
    right: 100%
}

.ant-col-xs-offset-24 {
    margin-left: 100%
}

.ant-col-xs-order-24 {
    -webkit-box-ordinal-group: 25;
    -ms-flex-order: 24;
    order: 24
}

.ant-col-xs-23 {
    display: block;
    width: 95.83333333%
}

.ant-col-xs-push-23 {
    left: 95.83333333%
}

.ant-col-xs-pull-23 {
    right: 95.83333333%
}

.ant-col-xs-offset-23 {
    margin-left: 95.83333333%
}

.ant-col-xs-order-23 {
    -webkit-box-ordinal-group: 24;
    -ms-flex-order: 23;
    order: 23
}

.ant-col-xs-22 {
    display: block;
    width: 91.66666667%
}

.ant-col-xs-push-22 {
    left: 91.66666667%
}

.ant-col-xs-pull-22 {
    right: 91.66666667%
}

.ant-col-xs-offset-22 {
    margin-left: 91.66666667%
}

.ant-col-xs-order-22 {
    -webkit-box-ordinal-group: 23;
    -ms-flex-order: 22;
    order: 22
}

.ant-col-xs-21 {
    display: block;
    width: 87.5%
}

.ant-col-xs-push-21 {
    left: 87.5%
}

.ant-col-xs-pull-21 {
    right: 87.5%
}

.ant-col-xs-offset-21 {
    margin-left: 87.5%
}

.ant-col-xs-order-21 {
    -webkit-box-ordinal-group: 22;
    -ms-flex-order: 21;
    order: 21
}

.ant-col-xs-20 {
    display: block;
    width: 83.33333333%
}

.ant-col-xs-push-20 {
    left: 83.33333333%
}

.ant-col-xs-pull-20 {
    right: 83.33333333%
}

.ant-col-xs-offset-20 {
    margin-left: 83.33333333%
}

.ant-col-xs-order-20 {
    -webkit-box-ordinal-group: 21;
    -ms-flex-order: 20;
    order: 20
}

.ant-col-xs-19 {
    display: block;
    width: 79.16666667%
}

.ant-col-xs-push-19 {
    left: 79.16666667%
}

.ant-col-xs-pull-19 {
    right: 79.16666667%
}

.ant-col-xs-offset-19 {
    margin-left: 79.16666667%
}

.ant-col-xs-order-19 {
    -webkit-box-ordinal-group: 20;
    -ms-flex-order: 19;
    order: 19
}

.ant-col-xs-18 {
    display: block;
    width: 75%
}

.ant-col-xs-push-18 {
    left: 75%
}

.ant-col-xs-pull-18 {
    right: 75%
}

.ant-col-xs-offset-18 {
    margin-left: 75%
}

.ant-col-xs-order-18 {
    -webkit-box-ordinal-group: 19;
    -ms-flex-order: 18;
    order: 18
}

.ant-col-xs-17 {
    display: block;
    width: 70.83333333%
}

.ant-col-xs-push-17 {
    left: 70.83333333%
}

.ant-col-xs-pull-17 {
    right: 70.83333333%
}

.ant-col-xs-offset-17 {
    margin-left: 70.83333333%
}

.ant-col-xs-order-17 {
    -webkit-box-ordinal-group: 18;
    -ms-flex-order: 17;
    order: 17
}

.ant-col-xs-16 {
    display: block;
    width: 66.66666667%
}

.ant-col-xs-push-16 {
    left: 66.66666667%
}

.ant-col-xs-pull-16 {
    right: 66.66666667%
}

.ant-col-xs-offset-16 {
    margin-left: 66.66666667%
}

.ant-col-xs-order-16 {
    -webkit-box-ordinal-group: 17;
    -ms-flex-order: 16;
    order: 16
}

.ant-col-xs-15 {
    display: block;
    width: 62.5%
}

.ant-col-xs-push-15 {
    left: 62.5%
}

.ant-col-xs-pull-15 {
    right: 62.5%
}

.ant-col-xs-offset-15 {
    margin-left: 62.5%
}

.ant-col-xs-order-15 {
    -webkit-box-ordinal-group: 16;
    -ms-flex-order: 15;
    order: 15
}

.ant-col-xs-14 {
    display: block;
    width: 58.33333333%
}

.ant-col-xs-push-14 {
    left: 58.33333333%
}

.ant-col-xs-pull-14 {
    right: 58.33333333%
}

.ant-col-xs-offset-14 {
    margin-left: 58.33333333%
}

.ant-col-xs-order-14 {
    -webkit-box-ordinal-group: 15;
    -ms-flex-order: 14;
    order: 14
}

.ant-col-xs-13 {
    display: block;
    width: 54.16666667%
}

.ant-col-xs-push-13 {
    left: 54.16666667%
}

.ant-col-xs-pull-13 {
    right: 54.16666667%
}

.ant-col-xs-offset-13 {
    margin-left: 54.16666667%
}

.ant-col-xs-order-13 {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13
}

.ant-col-xs-12 {
    display: block;
    width: 50%
}

.ant-col-xs-push-12 {
    left: 50%
}

.ant-col-xs-pull-12 {
    right: 50%
}

.ant-col-xs-offset-12 {
    margin-left: 50%
}

.ant-col-xs-order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12
}

.ant-col-xs-11 {
    display: block;
    width: 45.83333333%
}

.ant-col-xs-push-11 {
    left: 45.83333333%
}

.ant-col-xs-pull-11 {
    right: 45.83333333%
}

.ant-col-xs-offset-11 {
    margin-left: 45.83333333%
}

.ant-col-xs-order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
}

.ant-col-xs-10 {
    display: block;
    width: 41.66666667%
}

.ant-col-xs-push-10 {
    left: 41.66666667%
}

.ant-col-xs-pull-10 {
    right: 41.66666667%
}

.ant-col-xs-offset-10 {
    margin-left: 41.66666667%
}

.ant-col-xs-order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
}

.ant-col-xs-9 {
    display: block;
    width: 37.5%
}

.ant-col-xs-push-9 {
    left: 37.5%
}

.ant-col-xs-pull-9 {
    right: 37.5%
}

.ant-col-xs-offset-9 {
    margin-left: 37.5%
}

.ant-col-xs-order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
}

.ant-col-xs-8 {
    display: block;
    width: 33.33333333%
}

.ant-col-xs-push-8 {
    left: 33.33333333%
}

.ant-col-xs-pull-8 {
    right: 33.33333333%
}

.ant-col-xs-offset-8 {
    margin-left: 33.33333333%
}

.ant-col-xs-order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
}

.ant-col-xs-7 {
    display: block;
    width: 29.16666667%
}

.ant-col-xs-push-7 {
    left: 29.16666667%
}

.ant-col-xs-pull-7 {
    right: 29.16666667%
}

.ant-col-xs-offset-7 {
    margin-left: 29.16666667%
}

.ant-col-xs-order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
}

.ant-col-xs-6 {
    display: block;
    width: 25%
}

.ant-col-xs-push-6 {
    left: 25%
}

.ant-col-xs-pull-6 {
    right: 25%
}

.ant-col-xs-offset-6 {
    margin-left: 25%
}

.ant-col-xs-order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

.ant-col-xs-5 {
    display: block;
    width: 20.83333333%
}

.ant-col-xs-push-5 {
    left: 20.83333333%
}

.ant-col-xs-pull-5 {
    right: 20.83333333%
}

.ant-col-xs-offset-5 {
    margin-left: 20.83333333%
}

.ant-col-xs-order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.ant-col-xs-4 {
    display: block;
    width: 16.66666667%
}

.ant-col-xs-push-4 {
    left: 16.66666667%
}

.ant-col-xs-pull-4 {
    right: 16.66666667%
}

.ant-col-xs-offset-4 {
    margin-left: 16.66666667%
}

.ant-col-xs-order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.ant-col-xs-3 {
    display: block;
    width: 12.5%
}

.ant-col-xs-push-3 {
    left: 12.5%
}

.ant-col-xs-pull-3 {
    right: 12.5%
}

.ant-col-xs-offset-3 {
    margin-left: 12.5%
}

.ant-col-xs-order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.ant-col-xs-2 {
    display: block;
    width: 8.33333333%
}

.ant-col-xs-push-2 {
    left: 8.33333333%
}

.ant-col-xs-pull-2 {
    right: 8.33333333%
}

.ant-col-xs-offset-2 {
    margin-left: 8.33333333%
}

.ant-col-xs-order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.ant-col-xs-1 {
    display: block;
    width: 4.16666667%
}

.ant-col-xs-push-1 {
    left: 4.16666667%
}

.ant-col-xs-pull-1 {
    right: 4.16666667%
}

.ant-col-xs-offset-1 {
    margin-left: 4.16666667%
}

.ant-col-xs-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.ant-col-xs-0 {
    display: none
}

.ant-col-push-0 {
    left: auto
}

.ant-col-pull-0 {
    right: auto
}

@media (min-width:768px) {
    .ant-col-sm-1,.ant-col-sm-2,.ant-col-sm-3,.ant-col-sm-4,.ant-col-sm-5,.ant-col-sm-6,.ant-col-sm-7,.ant-col-sm-8,.ant-col-sm-9,.ant-col-sm-10,.ant-col-sm-11,.ant-col-sm-12,.ant-col-sm-13,.ant-col-sm-14,.ant-col-sm-15,.ant-col-sm-16,.ant-col-sm-17,.ant-col-sm-18,.ant-col-sm-19,.ant-col-sm-20,.ant-col-sm-21,.ant-col-sm-22,.ant-col-sm-23,.ant-col-sm-24 {
        float: left;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .ant-col-sm-24 {
        display: block;
        width: 100%
    }

    .ant-col-sm-push-24 {
        left: 100%
    }

    .ant-col-sm-pull-24 {
        right: 100%
    }

    .ant-col-sm-offset-24 {
        margin-left: 100%
    }

    .ant-col-sm-order-24 {
        -webkit-box-ordinal-group: 25;
        -ms-flex-order: 24;
        order: 24
    }

    .ant-col-sm-23 {
        display: block;
        width: 95.83333333%
    }

    .ant-col-sm-push-23 {
        left: 95.83333333%
    }

    .ant-col-sm-pull-23 {
        right: 95.83333333%
    }

    .ant-col-sm-offset-23 {
        margin-left: 95.83333333%
    }

    .ant-col-sm-order-23 {
        -webkit-box-ordinal-group: 24;
        -ms-flex-order: 23;
        order: 23
    }

    .ant-col-sm-22 {
        display: block;
        width: 91.66666667%
    }

    .ant-col-sm-push-22 {
        left: 91.66666667%
    }

    .ant-col-sm-pull-22 {
        right: 91.66666667%
    }

    .ant-col-sm-offset-22 {
        margin-left: 91.66666667%
    }

    .ant-col-sm-order-22 {
        -webkit-box-ordinal-group: 23;
        -ms-flex-order: 22;
        order: 22
    }

    .ant-col-sm-21 {
        display: block;
        width: 87.5%
    }

    .ant-col-sm-push-21 {
        left: 87.5%
    }

    .ant-col-sm-pull-21 {
        right: 87.5%
    }

    .ant-col-sm-offset-21 {
        margin-left: 87.5%
    }

    .ant-col-sm-order-21 {
        -webkit-box-ordinal-group: 22;
        -ms-flex-order: 21;
        order: 21
    }

    .ant-col-sm-20 {
        display: block;
        width: 83.33333333%
    }

    .ant-col-sm-push-20 {
        left: 83.33333333%
    }

    .ant-col-sm-pull-20 {
        right: 83.33333333%
    }

    .ant-col-sm-offset-20 {
        margin-left: 83.33333333%
    }

    .ant-col-sm-order-20 {
        -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
        order: 20
    }

    .ant-col-sm-19 {
        display: block;
        width: 79.16666667%
    }

    .ant-col-sm-push-19 {
        left: 79.16666667%
    }

    .ant-col-sm-pull-19 {
        right: 79.16666667%
    }

    .ant-col-sm-offset-19 {
        margin-left: 79.16666667%
    }

    .ant-col-sm-order-19 {
        -webkit-box-ordinal-group: 20;
        -ms-flex-order: 19;
        order: 19
    }

    .ant-col-sm-18 {
        display: block;
        width: 75%
    }

    .ant-col-sm-push-18 {
        left: 75%
    }

    .ant-col-sm-pull-18 {
        right: 75%
    }

    .ant-col-sm-offset-18 {
        margin-left: 75%
    }

    .ant-col-sm-order-18 {
        -webkit-box-ordinal-group: 19;
        -ms-flex-order: 18;
        order: 18
    }

    .ant-col-sm-17 {
        display: block;
        width: 70.83333333%
    }

    .ant-col-sm-push-17 {
        left: 70.83333333%
    }

    .ant-col-sm-pull-17 {
        right: 70.83333333%
    }

    .ant-col-sm-offset-17 {
        margin-left: 70.83333333%
    }

    .ant-col-sm-order-17 {
        -webkit-box-ordinal-group: 18;
        -ms-flex-order: 17;
        order: 17
    }

    .ant-col-sm-16 {
        display: block;
        width: 66.66666667%
    }

    .ant-col-sm-push-16 {
        left: 66.66666667%
    }

    .ant-col-sm-pull-16 {
        right: 66.66666667%
    }

    .ant-col-sm-offset-16 {
        margin-left: 66.66666667%
    }

    .ant-col-sm-order-16 {
        -webkit-box-ordinal-group: 17;
        -ms-flex-order: 16;
        order: 16
    }

    .ant-col-sm-15 {
        display: block;
        width: 62.5%
    }

    .ant-col-sm-push-15 {
        left: 62.5%
    }

    .ant-col-sm-pull-15 {
        right: 62.5%
    }

    .ant-col-sm-offset-15 {
        margin-left: 62.5%
    }

    .ant-col-sm-order-15 {
        -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
        order: 15
    }

    .ant-col-sm-14 {
        display: block;
        width: 58.33333333%
    }

    .ant-col-sm-push-14 {
        left: 58.33333333%
    }

    .ant-col-sm-pull-14 {
        right: 58.33333333%
    }

    .ant-col-sm-offset-14 {
        margin-left: 58.33333333%
    }

    .ant-col-sm-order-14 {
        -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
        order: 14
    }

    .ant-col-sm-13 {
        display: block;
        width: 54.16666667%
    }

    .ant-col-sm-push-13 {
        left: 54.16666667%
    }

    .ant-col-sm-pull-13 {
        right: 54.16666667%
    }

    .ant-col-sm-offset-13 {
        margin-left: 54.16666667%
    }

    .ant-col-sm-order-13 {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .ant-col-sm-12 {
        display: block;
        width: 50%
    }

    .ant-col-sm-push-12 {
        left: 50%
    }

    .ant-col-sm-pull-12 {
        right: 50%
    }

    .ant-col-sm-offset-12 {
        margin-left: 50%
    }

    .ant-col-sm-order-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .ant-col-sm-11 {
        display: block;
        width: 45.83333333%
    }

    .ant-col-sm-push-11 {
        left: 45.83333333%
    }

    .ant-col-sm-pull-11 {
        right: 45.83333333%
    }

    .ant-col-sm-offset-11 {
        margin-left: 45.83333333%
    }

    .ant-col-sm-order-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .ant-col-sm-10 {
        display: block;
        width: 41.66666667%
    }

    .ant-col-sm-push-10 {
        left: 41.66666667%
    }

    .ant-col-sm-pull-10 {
        right: 41.66666667%
    }

    .ant-col-sm-offset-10 {
        margin-left: 41.66666667%
    }

    .ant-col-sm-order-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .ant-col-sm-9 {
        display: block;
        width: 37.5%
    }

    .ant-col-sm-push-9 {
        left: 37.5%
    }

    .ant-col-sm-pull-9 {
        right: 37.5%
    }

    .ant-col-sm-offset-9 {
        margin-left: 37.5%
    }

    .ant-col-sm-order-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .ant-col-sm-8 {
        display: block;
        width: 33.33333333%
    }

    .ant-col-sm-push-8 {
        left: 33.33333333%
    }

    .ant-col-sm-pull-8 {
        right: 33.33333333%
    }

    .ant-col-sm-offset-8 {
        margin-left: 33.33333333%
    }

    .ant-col-sm-order-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .ant-col-sm-7 {
        display: block;
        width: 29.16666667%
    }

    .ant-col-sm-push-7 {
        left: 29.16666667%
    }

    .ant-col-sm-pull-7 {
        right: 29.16666667%
    }

    .ant-col-sm-offset-7 {
        margin-left: 29.16666667%
    }

    .ant-col-sm-order-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .ant-col-sm-6 {
        display: block;
        width: 25%
    }

    .ant-col-sm-push-6 {
        left: 25%
    }

    .ant-col-sm-pull-6 {
        right: 25%
    }

    .ant-col-sm-offset-6 {
        margin-left: 25%
    }

    .ant-col-sm-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .ant-col-sm-5 {
        display: block;
        width: 20.83333333%
    }

    .ant-col-sm-push-5 {
        left: 20.83333333%
    }

    .ant-col-sm-pull-5 {
        right: 20.83333333%
    }

    .ant-col-sm-offset-5 {
        margin-left: 20.83333333%
    }

    .ant-col-sm-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .ant-col-sm-4 {
        display: block;
        width: 16.66666667%
    }

    .ant-col-sm-push-4 {
        left: 16.66666667%
    }

    .ant-col-sm-pull-4 {
        right: 16.66666667%
    }

    .ant-col-sm-offset-4 {
        margin-left: 16.66666667%
    }

    .ant-col-sm-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .ant-col-sm-3 {
        display: block;
        width: 12.5%
    }

    .ant-col-sm-push-3 {
        left: 12.5%
    }

    .ant-col-sm-pull-3 {
        right: 12.5%
    }

    .ant-col-sm-offset-3 {
        margin-left: 12.5%
    }

    .ant-col-sm-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .ant-col-sm-2 {
        display: block;
        width: 8.33333333%
    }

    .ant-col-sm-push-2 {
        left: 8.33333333%
    }

    .ant-col-sm-pull-2 {
        right: 8.33333333%
    }

    .ant-col-sm-offset-2 {
        margin-left: 8.33333333%
    }

    .ant-col-sm-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .ant-col-sm-1 {
        display: block;
        width: 4.16666667%
    }

    .ant-col-sm-push-1 {
        left: 4.16666667%
    }

    .ant-col-sm-pull-1 {
        right: 4.16666667%
    }

    .ant-col-sm-offset-1 {
        margin-left: 4.16666667%
    }

    .ant-col-sm-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .ant-col-sm-0 {
        display: none
    }

    .ant-col-push-0 {
        left: auto
    }

    .ant-col-pull-0 {
        right: auto
    }
}

@media (min-width:992px) {
    .ant-col-md-1,.ant-col-md-2,.ant-col-md-3,.ant-col-md-4,.ant-col-md-5,.ant-col-md-6,.ant-col-md-7,.ant-col-md-8,.ant-col-md-9,.ant-col-md-10,.ant-col-md-11,.ant-col-md-12,.ant-col-md-13,.ant-col-md-14,.ant-col-md-15,.ant-col-md-16,.ant-col-md-17,.ant-col-md-18,.ant-col-md-19,.ant-col-md-20,.ant-col-md-21,.ant-col-md-22,.ant-col-md-23,.ant-col-md-24 {
        float: left;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .ant-col-md-24 {
        display: block;
        width: 100%
    }

    .ant-col-md-push-24 {
        left: 100%
    }

    .ant-col-md-pull-24 {
        right: 100%
    }

    .ant-col-md-offset-24 {
        margin-left: 100%
    }

    .ant-col-md-order-24 {
        -webkit-box-ordinal-group: 25;
        -ms-flex-order: 24;
        order: 24
    }

    .ant-col-md-23 {
        display: block;
        width: 95.83333333%
    }

    .ant-col-md-push-23 {
        left: 95.83333333%
    }

    .ant-col-md-pull-23 {
        right: 95.83333333%
    }

    .ant-col-md-offset-23 {
        margin-left: 95.83333333%
    }

    .ant-col-md-order-23 {
        -webkit-box-ordinal-group: 24;
        -ms-flex-order: 23;
        order: 23
    }

    .ant-col-md-22 {
        display: block;
        width: 91.66666667%
    }

    .ant-col-md-push-22 {
        left: 91.66666667%
    }

    .ant-col-md-pull-22 {
        right: 91.66666667%
    }

    .ant-col-md-offset-22 {
        margin-left: 91.66666667%
    }

    .ant-col-md-order-22 {
        -webkit-box-ordinal-group: 23;
        -ms-flex-order: 22;
        order: 22
    }

    .ant-col-md-21 {
        display: block;
        width: 87.5%
    }

    .ant-col-md-push-21 {
        left: 87.5%
    }

    .ant-col-md-pull-21 {
        right: 87.5%
    }

    .ant-col-md-offset-21 {
        margin-left: 87.5%
    }

    .ant-col-md-order-21 {
        -webkit-box-ordinal-group: 22;
        -ms-flex-order: 21;
        order: 21
    }

    .ant-col-md-20 {
        display: block;
        width: 83.33333333%
    }

    .ant-col-md-push-20 {
        left: 83.33333333%
    }

    .ant-col-md-pull-20 {
        right: 83.33333333%
    }

    .ant-col-md-offset-20 {
        margin-left: 83.33333333%
    }

    .ant-col-md-order-20 {
        -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
        order: 20
    }

    .ant-col-md-19 {
        display: block;
        width: 79.16666667%
    }

    .ant-col-md-push-19 {
        left: 79.16666667%
    }

    .ant-col-md-pull-19 {
        right: 79.16666667%
    }

    .ant-col-md-offset-19 {
        margin-left: 79.16666667%
    }

    .ant-col-md-order-19 {
        -webkit-box-ordinal-group: 20;
        -ms-flex-order: 19;
        order: 19
    }

    .ant-col-md-18 {
        display: block;
        width: 75%
    }

    .ant-col-md-push-18 {
        left: 75%
    }

    .ant-col-md-pull-18 {
        right: 75%
    }

    .ant-col-md-offset-18 {
        margin-left: 75%
    }

    .ant-col-md-order-18 {
        -webkit-box-ordinal-group: 19;
        -ms-flex-order: 18;
        order: 18
    }

    .ant-col-md-17 {
        display: block;
        width: 70.83333333%
    }

    .ant-col-md-push-17 {
        left: 70.83333333%
    }

    .ant-col-md-pull-17 {
        right: 70.83333333%
    }

    .ant-col-md-offset-17 {
        margin-left: 70.83333333%
    }

    .ant-col-md-order-17 {
        -webkit-box-ordinal-group: 18;
        -ms-flex-order: 17;
        order: 17
    }

    .ant-col-md-16 {
        display: block;
        width: 66.66666667%
    }

    .ant-col-md-push-16 {
        left: 66.66666667%
    }

    .ant-col-md-pull-16 {
        right: 66.66666667%
    }

    .ant-col-md-offset-16 {
        margin-left: 66.66666667%
    }

    .ant-col-md-order-16 {
        -webkit-box-ordinal-group: 17;
        -ms-flex-order: 16;
        order: 16
    }

    .ant-col-md-15 {
        display: block;
        width: 62.5%
    }

    .ant-col-md-push-15 {
        left: 62.5%
    }

    .ant-col-md-pull-15 {
        right: 62.5%
    }

    .ant-col-md-offset-15 {
        margin-left: 62.5%
    }

    .ant-col-md-order-15 {
        -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
        order: 15
    }

    .ant-col-md-14 {
        display: block;
        width: 58.33333333%
    }

    .ant-col-md-push-14 {
        left: 58.33333333%
    }

    .ant-col-md-pull-14 {
        right: 58.33333333%
    }

    .ant-col-md-offset-14 {
        margin-left: 58.33333333%
    }

    .ant-col-md-order-14 {
        -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
        order: 14
    }

    .ant-col-md-13 {
        display: block;
        width: 54.16666667%
    }

    .ant-col-md-push-13 {
        left: 54.16666667%
    }

    .ant-col-md-pull-13 {
        right: 54.16666667%
    }

    .ant-col-md-offset-13 {
        margin-left: 54.16666667%
    }

    .ant-col-md-order-13 {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .ant-col-md-12 {
        display: block;
        width: 50%
    }

    .ant-col-md-push-12 {
        left: 50%
    }

    .ant-col-md-pull-12 {
        right: 50%
    }

    .ant-col-md-offset-12 {
        margin-left: 50%
    }

    .ant-col-md-order-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .ant-col-md-11 {
        display: block;
        width: 45.83333333%
    }

    .ant-col-md-push-11 {
        left: 45.83333333%
    }

    .ant-col-md-pull-11 {
        right: 45.83333333%
    }

    .ant-col-md-offset-11 {
        margin-left: 45.83333333%
    }

    .ant-col-md-order-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .ant-col-md-10 {
        display: block;
        width: 41.66666667%
    }

    .ant-col-md-push-10 {
        left: 41.66666667%
    }

    .ant-col-md-pull-10 {
        right: 41.66666667%
    }

    .ant-col-md-offset-10 {
        margin-left: 41.66666667%
    }

    .ant-col-md-order-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .ant-col-md-9 {
        display: block;
        width: 37.5%
    }

    .ant-col-md-push-9 {
        left: 37.5%
    }

    .ant-col-md-pull-9 {
        right: 37.5%
    }

    .ant-col-md-offset-9 {
        margin-left: 37.5%
    }

    .ant-col-md-order-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .ant-col-md-8 {
        display: block;
        width: 33.33333333%
    }

    .ant-col-md-push-8 {
        left: 33.33333333%
    }

    .ant-col-md-pull-8 {
        right: 33.33333333%
    }

    .ant-col-md-offset-8 {
        margin-left: 33.33333333%
    }

    .ant-col-md-order-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .ant-col-md-7 {
        display: block;
        width: 29.16666667%
    }

    .ant-col-md-push-7 {
        left: 29.16666667%
    }

    .ant-col-md-pull-7 {
        right: 29.16666667%
    }

    .ant-col-md-offset-7 {
        margin-left: 29.16666667%
    }

    .ant-col-md-order-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .ant-col-md-6 {
        display: block;
        width: 25%
    }

    .ant-col-md-push-6 {
        left: 25%
    }

    .ant-col-md-pull-6 {
        right: 25%
    }

    .ant-col-md-offset-6 {
        margin-left: 25%
    }

    .ant-col-md-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .ant-col-md-5 {
        display: block;
        width: 20.83333333%
    }

    .ant-col-md-push-5 {
        left: 20.83333333%
    }

    .ant-col-md-pull-5 {
        right: 20.83333333%
    }

    .ant-col-md-offset-5 {
        margin-left: 20.83333333%
    }

    .ant-col-md-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .ant-col-md-4 {
        display: block;
        width: 16.66666667%
    }

    .ant-col-md-push-4 {
        left: 16.66666667%
    }

    .ant-col-md-pull-4 {
        right: 16.66666667%
    }

    .ant-col-md-offset-4 {
        margin-left: 16.66666667%
    }

    .ant-col-md-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .ant-col-md-3 {
        display: block;
        width: 12.5%
    }

    .ant-col-md-push-3 {
        left: 12.5%
    }

    .ant-col-md-pull-3 {
        right: 12.5%
    }

    .ant-col-md-offset-3 {
        margin-left: 12.5%
    }

    .ant-col-md-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .ant-col-md-2 {
        display: block;
        width: 8.33333333%
    }

    .ant-col-md-push-2 {
        left: 8.33333333%
    }

    .ant-col-md-pull-2 {
        right: 8.33333333%
    }

    .ant-col-md-offset-2 {
        margin-left: 8.33333333%
    }

    .ant-col-md-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .ant-col-md-1 {
        display: block;
        width: 4.16666667%
    }

    .ant-col-md-push-1 {
        left: 4.16666667%
    }

    .ant-col-md-pull-1 {
        right: 4.16666667%
    }

    .ant-col-md-offset-1 {
        margin-left: 4.16666667%
    }

    .ant-col-md-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .ant-col-md-0 {
        display: none
    }

    .ant-col-push-0 {
        left: auto
    }

    .ant-col-pull-0 {
        right: auto
    }
}

@media (min-width:1200px) {
    .ant-col-lg-1,.ant-col-lg-2,.ant-col-lg-3,.ant-col-lg-4,.ant-col-lg-5,.ant-col-lg-6,.ant-col-lg-7,.ant-col-lg-8,.ant-col-lg-9,.ant-col-lg-10,.ant-col-lg-11,.ant-col-lg-12,.ant-col-lg-13,.ant-col-lg-14,.ant-col-lg-15,.ant-col-lg-16,.ant-col-lg-17,.ant-col-lg-18,.ant-col-lg-19,.ant-col-lg-20,.ant-col-lg-21,.ant-col-lg-22,.ant-col-lg-23,.ant-col-lg-24 {
        float: left;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .ant-col-lg-24 {
        display: block;
        width: 100%
    }

    .ant-col-lg-push-24 {
        left: 100%
    }

    .ant-col-lg-pull-24 {
        right: 100%
    }

    .ant-col-lg-offset-24 {
        margin-left: 100%
    }

    .ant-col-lg-order-24 {
        -webkit-box-ordinal-group: 25;
        -ms-flex-order: 24;
        order: 24
    }

    .ant-col-lg-23 {
        display: block;
        width: 95.83333333%
    }

    .ant-col-lg-push-23 {
        left: 95.83333333%
    }

    .ant-col-lg-pull-23 {
        right: 95.83333333%
    }

    .ant-col-lg-offset-23 {
        margin-left: 95.83333333%
    }

    .ant-col-lg-order-23 {
        -webkit-box-ordinal-group: 24;
        -ms-flex-order: 23;
        order: 23
    }

    .ant-col-lg-22 {
        display: block;
        width: 91.66666667%
    }

    .ant-col-lg-push-22 {
        left: 91.66666667%
    }

    .ant-col-lg-pull-22 {
        right: 91.66666667%
    }

    .ant-col-lg-offset-22 {
        margin-left: 91.66666667%
    }

    .ant-col-lg-order-22 {
        -webkit-box-ordinal-group: 23;
        -ms-flex-order: 22;
        order: 22
    }

    .ant-col-lg-21 {
        display: block;
        width: 87.5%
    }

    .ant-col-lg-push-21 {
        left: 87.5%
    }

    .ant-col-lg-pull-21 {
        right: 87.5%
    }

    .ant-col-lg-offset-21 {
        margin-left: 87.5%
    }

    .ant-col-lg-order-21 {
        -webkit-box-ordinal-group: 22;
        -ms-flex-order: 21;
        order: 21
    }

    .ant-col-lg-20 {
        display: block;
        width: 83.33333333%
    }

    .ant-col-lg-push-20 {
        left: 83.33333333%
    }

    .ant-col-lg-pull-20 {
        right: 83.33333333%
    }

    .ant-col-lg-offset-20 {
        margin-left: 83.33333333%
    }

    .ant-col-lg-order-20 {
        -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
        order: 20
    }

    .ant-col-lg-19 {
        display: block;
        width: 79.16666667%
    }

    .ant-col-lg-push-19 {
        left: 79.16666667%
    }

    .ant-col-lg-pull-19 {
        right: 79.16666667%
    }

    .ant-col-lg-offset-19 {
        margin-left: 79.16666667%
    }

    .ant-col-lg-order-19 {
        -webkit-box-ordinal-group: 20;
        -ms-flex-order: 19;
        order: 19
    }

    .ant-col-lg-18 {
        display: block;
        width: 75%
    }

    .ant-col-lg-push-18 {
        left: 75%
    }

    .ant-col-lg-pull-18 {
        right: 75%
    }

    .ant-col-lg-offset-18 {
        margin-left: 75%
    }

    .ant-col-lg-order-18 {
        -webkit-box-ordinal-group: 19;
        -ms-flex-order: 18;
        order: 18
    }

    .ant-col-lg-17 {
        display: block;
        width: 70.83333333%
    }

    .ant-col-lg-push-17 {
        left: 70.83333333%
    }

    .ant-col-lg-pull-17 {
        right: 70.83333333%
    }

    .ant-col-lg-offset-17 {
        margin-left: 70.83333333%
    }

    .ant-col-lg-order-17 {
        -webkit-box-ordinal-group: 18;
        -ms-flex-order: 17;
        order: 17
    }

    .ant-col-lg-16 {
        display: block;
        width: 66.66666667%
    }

    .ant-col-lg-push-16 {
        left: 66.66666667%
    }

    .ant-col-lg-pull-16 {
        right: 66.66666667%
    }

    .ant-col-lg-offset-16 {
        margin-left: 66.66666667%
    }

    .ant-col-lg-order-16 {
        -webkit-box-ordinal-group: 17;
        -ms-flex-order: 16;
        order: 16
    }

    .ant-col-lg-15 {
        display: block;
        width: 62.5%
    }

    .ant-col-lg-push-15 {
        left: 62.5%
    }

    .ant-col-lg-pull-15 {
        right: 62.5%
    }

    .ant-col-lg-offset-15 {
        margin-left: 62.5%
    }

    .ant-col-lg-order-15 {
        -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
        order: 15
    }

    .ant-col-lg-14 {
        display: block;
        width: 58.33333333%
    }

    .ant-col-lg-push-14 {
        left: 58.33333333%
    }

    .ant-col-lg-pull-14 {
        right: 58.33333333%
    }

    .ant-col-lg-offset-14 {
        margin-left: 58.33333333%
    }

    .ant-col-lg-order-14 {
        -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
        order: 14
    }

    .ant-col-lg-13 {
        display: block;
        width: 54.16666667%
    }

    .ant-col-lg-push-13 {
        left: 54.16666667%
    }

    .ant-col-lg-pull-13 {
        right: 54.16666667%
    }

    .ant-col-lg-offset-13 {
        margin-left: 54.16666667%
    }

    .ant-col-lg-order-13 {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .ant-col-lg-12 {
        display: block;
        width: 50%
    }

    .ant-col-lg-push-12 {
        left: 50%
    }

    .ant-col-lg-pull-12 {
        right: 50%
    }

    .ant-col-lg-offset-12 {
        margin-left: 50%
    }

    .ant-col-lg-order-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .ant-col-lg-11 {
        display: block;
        width: 45.83333333%
    }

    .ant-col-lg-push-11 {
        left: 45.83333333%
    }

    .ant-col-lg-pull-11 {
        right: 45.83333333%
    }

    .ant-col-lg-offset-11 {
        margin-left: 45.83333333%
    }

    .ant-col-lg-order-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .ant-col-lg-10 {
        display: block;
        width: 41.66666667%
    }

    .ant-col-lg-push-10 {
        left: 41.66666667%
    }

    .ant-col-lg-pull-10 {
        right: 41.66666667%
    }

    .ant-col-lg-offset-10 {
        margin-left: 41.66666667%
    }

    .ant-col-lg-order-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .ant-col-lg-9 {
        display: block;
        width: 37.5%
    }

    .ant-col-lg-push-9 {
        left: 37.5%
    }

    .ant-col-lg-pull-9 {
        right: 37.5%
    }

    .ant-col-lg-offset-9 {
        margin-left: 37.5%
    }

    .ant-col-lg-order-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .ant-col-lg-8 {
        display: block;
        width: 33.33333333%
    }

    .ant-col-lg-push-8 {
        left: 33.33333333%
    }

    .ant-col-lg-pull-8 {
        right: 33.33333333%
    }

    .ant-col-lg-offset-8 {
        margin-left: 33.33333333%
    }

    .ant-col-lg-order-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .ant-col-lg-7 {
        display: block;
        width: 29.16666667%
    }

    .ant-col-lg-push-7 {
        left: 29.16666667%
    }

    .ant-col-lg-pull-7 {
        right: 29.16666667%
    }

    .ant-col-lg-offset-7 {
        margin-left: 29.16666667%
    }

    .ant-col-lg-order-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .ant-col-lg-6 {
        display: block;
        width: 25%
    }

    .ant-col-lg-push-6 {
        left: 25%
    }

    .ant-col-lg-pull-6 {
        right: 25%
    }

    .ant-col-lg-offset-6 {
        margin-left: 25%
    }

    .ant-col-lg-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .ant-col-lg-5 {
        display: block;
        width: 20.83333333%
    }

    .ant-col-lg-push-5 {
        left: 20.83333333%
    }

    .ant-col-lg-pull-5 {
        right: 20.83333333%
    }

    .ant-col-lg-offset-5 {
        margin-left: 20.83333333%
    }

    .ant-col-lg-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .ant-col-lg-4 {
        display: block;
        width: 16.66666667%
    }

    .ant-col-lg-push-4 {
        left: 16.66666667%
    }

    .ant-col-lg-pull-4 {
        right: 16.66666667%
    }

    .ant-col-lg-offset-4 {
        margin-left: 16.66666667%
    }

    .ant-col-lg-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .ant-col-lg-3 {
        display: block;
        width: 12.5%
    }

    .ant-col-lg-push-3 {
        left: 12.5%
    }

    .ant-col-lg-pull-3 {
        right: 12.5%
    }

    .ant-col-lg-offset-3 {
        margin-left: 12.5%
    }

    .ant-col-lg-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .ant-col-lg-2 {
        display: block;
        width: 8.33333333%
    }

    .ant-col-lg-push-2 {
        left: 8.33333333%
    }

    .ant-col-lg-pull-2 {
        right: 8.33333333%
    }

    .ant-col-lg-offset-2 {
        margin-left: 8.33333333%
    }

    .ant-col-lg-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .ant-col-lg-1 {
        display: block;
        width: 4.16666667%
    }

    .ant-col-lg-push-1 {
        left: 4.16666667%
    }

    .ant-col-lg-pull-1 {
        right: 4.16666667%
    }

    .ant-col-lg-offset-1 {
        margin-left: 4.16666667%
    }

    .ant-col-lg-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .ant-col-lg-0 {
        display: none
    }

    .ant-col-push-0 {
        left: auto
    }

    .ant-col-pull-0 {
        right: auto
    }
}

.getcodebtn___1klXT {
    background: #fa6346;
    width: 95px;
    height: 34px;
    border-radius: 6px;
    color: #fff;
    cursor: pointer
}

.disabledbtn___3NzrE {
    color: #ccc;
    background-color: #f7f7f7;
    border: 1px solid #d9d9d9;
    width: 95px;
    height: 34px;
    border-radius: 6px
}

.signUpPage {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #34424f
}

.signUpPage .clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ' ';
    clear: both;
    height: 0
}

.signUpPage .clearfix {
    zoom: 1
}

@font-face {
    font-family:anticon;src:url('https://at.alicdn.com/t/font_1463992151_360388.eot');src:url('https://at.alicdn.com/t/font_1463992151_360388.eot?#iefix') format('embedded-opentype'),url('https://at.alicdn.com/t/font_1463992151_360388.woff') format('woff'),url('https://at.alicdn.com/t/font_1463992151_360388.ttf') format('truetype'),url('https://at.alicdn.com/t/font_1463992151_360388.svg#iconfont') format('svg')
}

.signUpPage .wrapper {
    height: 100%;
    background: #34424f
}

.signUpPage .loginwrap {
    height: 530px;
    width: 1120px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -560px;
    margin-top: -265px
}

.signUpPage .loginbox {
    background: #fff;
    padding: 20px;
    height: 461px
}

.signUpPage .loginleft {
    width: 479px;
    padding-right: 20px
}

.signUpPage .loginright {
    width: 540px
}

.signUpPage .entrance {
    text-align: right
}

.signUpPage .entrance a {
    color: #6b6b6b
}

.signUpPage .logininput {
    width: 357px;
    margin: 0 auto
}

.signUpPage .loginname,.signUpPage .loginpwd,.signUpPage .yzcode,.signUpPage .zcphone,.signUpPage .zcpwd {
    position: relative;
    border-bottom: 1px solid #e0e0e0
}

.signUpPage .loginname input,.signUpPage .loginpwd input {
    padding: 25px 0 8px;
    width: 100%;
    text-align: center
}

.signUpPage .remember {
    margin-top: 20px;
    cursor: pointer
}

.signUpPage .remember label {
    margin-top: 0!important;
    margin-left: 0
}

.signUpPage .remember i {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 1px solid #cdcdcd;
    vertical-align: middle;
    border-radius: 2px;
    padding: 2px
}

.signUpPage .remember i.active {
    background: #fa6346;
    background-clip: content-box;
    -webkit-background-clip: content-box;
    -moz-background-clip: content-box
}

.signUpPage .remember span {
    color: #6e6e6e;
    vertical-align: middle
}

.signUpPage .loginbtn {
    margin: 25px 0;
    width: 357px;
    height: 50px
}

.signUpPage .register {
    text-align: center
}

.signUpPage .register a {
    color: #6c6c6c
}

.signUpPage .register i {
    margin: 0 18px
}

.signUpPage .anticon {
    position: absolute;
    top: 27px;
    right: 0;
    font-size: 18px;
    color: #b9b9b9;
    display: inline-block;
    font-style: normal;
    vertical-align: baseline;
    text-align: center;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.signUpPage .anticon-eye-o:before {
    content: "\E66D"
}

.signUpPage .anticon-eye-o-click {
    color: #f36f20
}

.signUpPage .anticon:before {
    display: block;
    font-family: anticon!important
}

.signUpPage .copyright p {
    text-align: center;
    color: #6b7986;
    height: 50px;
    line-height: 50px
}

.signUpPage .copyright a {
    color: #6b7986
}

.signUpPage .copyright i {
    margin: 0 5px
}

.signUpPage .logo {
    text-align: center;
    margin: 30px 0
}

.signUpPage .remember a {
    color: #318bcb;
    text-decoration: underline
}

.signUpPage .logininput .mrgT label {
    float: left;
    margin-top: 25px
}

.signUpPage .showCodeInput,.signUpPage .yzcode input[type=text],.signUpPage .zcphone input[type=text],.signUpPage .zcpwd input[type=password] {
    padding: 25px 0 8px;
    text-align: center;
    width: 58%
}

.signUpPage .yzcode:hover,.signUpPage .zcphone:hover,.signUpPage .zcpwd:hover {
    border-bottom: 1px solid rgba(87,197,247,.8)
}

.signUpPage .couterDiv {
    display: inline-block;
    position: absolute;
    top: 14px;
    right: 0
}

.signUpPage .yzcode label {
    float: left;
    margin-top: 25px
}

.signUpPage .uniqueVerify {
    border-bottom: 1px solid #e0e0e0
}

.signUpPage .uniqueVerify input {
    border: 0;
    text-align: center;
    width: 200px
}

.signUpPage .uniqueVerify .ant-col-5 {
    width: 53.3px;
    text-align: left
}

.signUpPage .uniqueVerify .phoneVerifyStyle {
    width: 210px
}

.signUpPage .uniqueVerify label {
    margin-top: 0 !imporatnt;
    text-align: left
}

.signUpPage .uniqueVerify .ant-form-item-control:after {
    right: -30px
}

.signUpPage .uniqueVerify .ant-form-item {
    margin-bottom: 0
}

.signUpPage .uniqueVerify .has-error .ant-form-explain {
    position: absolute;
    right: -185px;
    z-index: 100;
    top: 4px
}

.booklongPage .bl-btn-shanchu {
    height: 36px;
    width: 64px;
    background: #fa6346;
    color: #fff;
    border-radius: 5px;
    font-size: 14px;
    text-align: center;
    line-height: 36px;
    margin-left: 7px;
    cursor: pointer
}

.booklongPage .blp-new-btn {
    height: 40px
}

.booklongPage .bl-disabled {
    cursor: default
}

.bookInfolongPage .box {
    display: table;
    width: 100%
}

.bookInfolongPage .box-item {
    display: table-cell;
    word-break: break-all
}

.bookInfolongPage .box-item:first-child {
    width: 5.375rem
}

.ant-select {
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    color: #666;
    font-size: 12px
}

.ant-select>ul>li>a {
    padding: 0;
    background-color: #fff
}

.ant-select-arrow {
    font-style: normal;
    vertical-align: baseline;
    text-align: center;
    text-transform: none;
    text-rendering: auto;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    right: 8px;
    line-height: 1;
    margin-top: -6px;
    display: inline-block;
    font-size: 12px;
    font-size: 8px\9;
    -webkit-transform: scale(.66666667) rotate(0deg);
    transform: scale(.66666667) rotate(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
    zoom: 1
}

.ant-select-arrow:before {
    display: block;
    font-family: anticon!important
}

:root .ant-select-arrow {
    -webkit-filter: none;
    filter: none;
    font-size: 12px
}

.ant-select-arrow * {
    display: none
}

.ant-select-arrow:before {
    content: '\E603';
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease,-webkit-transform .2s ease
}

.ant-select-selection {
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
    display: block;
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #d9d9d9;
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1)
}

.ant-select-selection:hover {
    border-color: #57c5f7
}

.ant-select-focused .ant-select-selection,.ant-select-selection:active,.ant-select-selection:focus {
    border-color: #57c5f7;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(45,183,245,.2)
}

.ant-select-selection__clear {
    display: inline-block;
    font-style: normal;
    vertical-align: baseline;
    text-align: center;
    text-transform: none;
    text-rendering: auto;
    opacity: 0;
    position: absolute;
    right: 8px;
    z-index: 1;
    background: #fff;
    top: 50%;
    font-size: 12px;
    color: #ccc;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    line-height: 12px;
    cursor: pointer;
    -webkit-transition: color .3s ease,opacity .15s ease;
    transition: color .3s ease,opacity .15s ease
}

.ant-select-selection__clear:before {
    display: block;
    font-family: anticon;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\E631"
}

.ant-select-selection__clear:hover {
    color: #999
}

.ant-select-selection:hover .ant-select-selection__clear {
    opacity: 1
}

.ant-select-disabled {
    color: #ccc
}

.ant-select-disabled .ant-select-selection {
    background: #f7f7f7;
    cursor: not-allowed
}

.ant-select-disabled .ant-select-selection:active,.ant-select-disabled .ant-select-selection:focus,.ant-select-disabled .ant-select-selection:hover {
    border-color: #d9d9d9;
    box-shadow: none
}

.ant-select-disabled .ant-select-selection__clear {
    display: none;
    visibility: hidden;
    pointer-events: none
}

.ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice {
    background: #e9e9e9;
    color: #aaa;
    padding-right: 10px
}

.ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice__remove {
    display: none
}

.ant-select-selection--single {
    height: 28px;
    position: relative;
    cursor: pointer
}

.ant-select-selection--single .ant-select-selection__rendered {
    height: 26px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 8px;
    padding-right: 24px;
    line-height: 26px
}

.ant-select-open.ant-select-show-search .ant-select-selection--single .ant-select-selection-selected-value {
    position: absolute;
    left: 8px;
    top: 0
}

.ant-select-lg .ant-select-selection--single {
    height: 32px
}

.ant-select-lg .ant-select-selection--single .ant-select-selection__rendered {
    line-height: 30px
}

.ant-select-lg .ant-select-selection--multiple {
    min-height: 32px
}

.ant-select-lg .ant-select-selection--multiple .ant-select-selection__rendered li {
    height: 24px;
    line-height: 24px
}

.ant-select-sm .ant-select-selection {
    border-radius: 4px
}

.ant-select-sm .ant-select-selection--single {
    height: 22px
}

.ant-select-sm .ant-select-selection--single .ant-select-selection__rendered {
    line-height: 20px
}

.ant-select-sm .ant-select-selection--multiple {
    min-height: 22px
}

.ant-select-sm .ant-select-selection--multiple .ant-select-selection__rendered li {
    height: 14px;
    line-height: 14px
}

.ant-select-disabled .ant-select-selection__choice__remove {
    color: #ccc;
    cursor: default
}

.ant-select-disabled .ant-select-selection__choice__remove:hover {
    color: #ccc
}

.ant-select-search__field__wrap {
    display: inline-block;
    position: relative
}

.ant-select-search__field__placeholder,.ant-select-selection__placeholder {
    position: absolute;
    top: 50%;
    left: 9px;
    right: 9px;
    color: #ccc;
    line-height: 20px;
    height: 20px;
    max-width: 100%;
    margin-top: -10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ant-select-search--inline {
    float: left;
    width: 100%
}

.ant-select-search--inline .ant-select-search__field__wrap {
    width: 100%
}

.ant-select-search--inline .ant-select-search__field {
    border: 0;
    font-size: 100%;
    background: transparent;
    outline: 0;
    border-radius: 6px
}

.ant-select-search--inline .ant-select-search__field__mirror {
    position: absolute;
    top: 0;
    left: 9999px;
    white-space: pre;
    pointer-events: none
}

.ant-select-search--inline>i {
    float: right
}

.ant-select-selection--multiple {
    min-height: 28px;
    cursor: text
}

.ant-select-selection--multiple .ant-select-search--inline {
    width: auto
}

.ant-select-selection--multiple .ant-select-search--inline .ant-select-search__field {
    width: .75em
}

.ant-select-selection--multiple .ant-select-selection__rendered {
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 6px;
    padding-bottom: 4px
}

.ant-select-selection--multiple .ant-select-selection__rendered>ul>li,.ant-select-selection--multiple>ul>li {
    margin-top: 4px;
    height: 20px;
    line-height: 20px
}

.ant-select-selection--multiple .ant-select-selection__choice {
    background-color: #f3f3f3;
    border-radius: 4px;
    cursor: default;
    float: left;
    padding: 0 15px;
    margin-right: 4px;
    max-width: 99%;
    position: relative;
    overflow: hidden;
    -webkit-transition: padding .3s cubic-bezier(.645,.045,.355,1);
    transition: padding .3s cubic-bezier(.645,.045,.355,1);
    padding: 0 20px 0 10px
}

.ant-select-selection--multiple .ant-select-selection__choice__disabled {
    padding: 0 10px
}

.ant-select-selection--multiple .ant-select-selection__choice__content {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    -webkit-transition: margin .3s cubic-bezier(.645,.045,.355,1);
    transition: margin .3s cubic-bezier(.645,.045,.355,1)
}

.ant-select-selection--multiple .ant-select-selection__choice__remove {
    font-style: normal;
    vertical-align: baseline;
    text-align: center;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #999;
    line-height: inherit;
    cursor: pointer;
    font-weight: 700;
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    display: inline-block;
    font-size: 12px;
    font-size: 8px\9;
    -webkit-transform: scale(.66666667) rotate(0deg);
    transform: scale(.66666667) rotate(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
    zoom: 1;
    position: absolute;
    right: 4px;
    padding: 0 0 0 8px
}

.ant-select-selection--multiple .ant-select-selection__choice__remove:before {
    display: block;
    font-family: anticon!important
}

:root .ant-select-selection--multiple .ant-select-selection__choice__remove {
    -webkit-filter: none;
    filter: none;
    font-size: 12px
}

.ant-select-selection--multiple .ant-select-selection__choice__remove:hover {
    color: #404040
}

.ant-select-selection--multiple .ant-select-selection__choice__remove:before {
    content: "\E62D"
}

.ant-select-open .ant-select-arrow {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -ms-transform: rotate(180deg)
}

.ant-select-open .ant-select-arrow:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.ant-select-open .ant-select-selection {
    border-color: #57c5f7;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(45,183,245,.2)
}

.ant-select-combobox .ant-select-arrow {
    display: none
}

.ant-select-combobox .ant-select-search--inline {
    height: 100%;
    float: none
}

.ant-select-combobox .ant-select-search__field__wrap {
    width: 100%;
    height: 100%
}

.ant-select-combobox .ant-select-search__field {
    padding: 0 10px;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    box-shadow: none
}

.ant-select-combobox .ant-select-selection__rendered {
    padding: 0 24px 0 0;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0
}

.ant-select-dropdown {
    background-color: #fff;
    border: 1px solid #d9d9d9;
    box-shadow: 0 1px 6px hsla(0,0%,39%,.2);
    border-radius: 6px;
    box-sizing: border-box;
    z-index: 1050;
    left: -9999px;
    top: -9999px;
    position: absolute;
    outline: none;
    overflow: hidden;
    font-size: 12px
}

.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-bottomLeft,.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-bottomLeft {
    -webkit-animation-name: antSlideUpIn;
    animation-name: antSlideUpIn
}

.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-topLeft,.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-topLeft {
    -webkit-animation-name: antSlideDownIn;
    animation-name: antSlideDownIn
}

.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
    -webkit-animation-name: antSlideUpOut;
    animation-name: antSlideUpOut
}

.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-topLeft {
    -webkit-animation-name: antSlideDownOut;
    animation-name: antSlideDownOut
}

.ant-select-dropdown-hidden {
    display: none
}

.ant-select-dropdown-menu {
    outline: none;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    max-height: 250px;
    overflow: auto
}

.ant-select-dropdown-menu-item-group-list {
    margin: 0;
    padding: 0
}

.ant-select-dropdown-menu-item-group-list>.ant-select-dropdown-menu-item {
    padding-left: 24px
}

.ant-select-dropdown-menu-item-group-title {
    color: #999;
    line-height: 1.5;
    padding: 8px 15px
}

.ant-select-dropdown-menu-item {
    position: relative;
    display: block;
    padding: 7px 15px;
    font-weight: 400;
    color: #666;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: background .3s ease;
    transition: background .3s ease
}

.ant-select-dropdown-menu-item-active,.ant-select-dropdown-menu-item:hover {
    background-color: #eaf8fe
}

.ant-select-dropdown-menu-item-disabled {
    color: #ccc;
    cursor: not-allowed
}

.ant-select-dropdown-menu-item-disabled:hover {
    color: #ccc;
    background-color: #fff;
    cursor: not-allowed
}

.ant-select-dropdown-menu-item-selected,.ant-select-dropdown-menu-item-selected:hover {
    background-color: #f7f7f7;
    font-weight: 700;
    color: #666
}

.ant-select-dropdown-menu-item-divider {
    height: 1px;
    margin: 1px 0;
    overflow: hidden;
    background-color: #e5e5e5;
    line-height: 0
}

.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:after {
    font-family: anticon;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\E62E";
    color: transparent;
    display: inline-block;
    font-size: 12px;
    font-size: 10px\9;
    -webkit-transform: scale(.83333333) rotate(0deg);
    transform: scale(.83333333) rotate(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
    zoom: 1;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    position: absolute;
    right: 15px;
    font-weight: 700;
    text-shadow: 0 .1px 0,.1px 0 0,0 -.1px 0,-.1px 0
}

:root .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:after {
    -webkit-filter: none;
    filter: none;
    font-size: 12px
}

.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:hover:after {
    color: #ddd
}

.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-disabled:after {
    display: none
}

.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:after,.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:hover:after {
    color: #2db7f5;
    display: inline-block
}

.ant-select-dropdown-container-open .ant-select-dropdown,.ant-select-dropdown-open .ant-select-dropdown {
    display: block
}

.ant-select-dropdown .ant-select-dropdown-search {
    display: block;
    padding: 4px
}

.ant-select-dropdown .ant-select-dropdown-search .ant-select-search__field__wrap {
    width: 100%
}

.ant-select-dropdown .ant-select-dropdown-search .ant-select-search__field {
    padding: 4px 7px;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    outline: none
}

.ant-select-dropdown .ant-select-dropdown-search.ant-select-search--hide {
    display: none
}

.ant-search-input-wrapper {
    display: inline-block;
    vertical-align: middle
}

.ant-search-input.ant-input-group .ant-input:first-child,.ant-search-input.ant-input-group .ant-select:first-child {
    border-radius: 6px;
    position: absolute;
    top: -1px;
    width: 100%
}

.ant-search-input .ant-search-btn {
    color: #666;
    background-color: #f7f7f7;
    border-color: #d9d9d9;
    border-radius: 0 5px 5px 0;
    left: -1px;
    position: relative;
    border-width: 0 0 0 1px;
    z-index: 2;
    padding-left: 8px;
    padding-right: 8px
}

.ant-search-input .ant-search-btn>a:only-child {
    color: currentColor
}

.ant-search-input .ant-search-btn>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-search-input .ant-search-btn:focus,.ant-search-input .ant-search-btn:hover {
    color: #858585;
    background-color: #f9f9f9;
    border-color: #e1e1e1
}

.ant-search-input .ant-search-btn.active,.ant-search-input .ant-search-btn:active {
    color: #616161;
    background-color: #ebebeb;
    border-color: #ebebeb
}

.ant-search-input .ant-search-btn.disabled,.ant-search-input .ant-search-btn.disabled.active,.ant-search-input .ant-search-btn.disabled:active,.ant-search-input .ant-search-btn.disabled:focus,.ant-search-input .ant-search-btn.disabled:hover,.ant-search-input .ant-search-btn[disabled],.ant-search-input .ant-search-btn[disabled].active,.ant-search-input .ant-search-btn[disabled]:active,.ant-search-input .ant-search-btn[disabled]:focus,.ant-search-input .ant-search-btn[disabled]:hover,fieldset[disabled] .ant-search-input .ant-search-btn,fieldset[disabled] .ant-search-input .ant-search-btn.active,fieldset[disabled] .ant-search-input .ant-search-btn:active,fieldset[disabled] .ant-search-input .ant-search-btn:focus,fieldset[disabled] .ant-search-input .ant-search-btn:hover {
    color: #ccc;
    background-color: #f7f7f7;
    border-color: #d9d9d9
}

.ant-search-input .ant-search-btn.disabled.active>a:only-child,.ant-search-input .ant-search-btn.disabled:active>a:only-child,.ant-search-input .ant-search-btn.disabled:focus>a:only-child,.ant-search-input .ant-search-btn.disabled:hover>a:only-child,.ant-search-input .ant-search-btn.disabled>a:only-child,.ant-search-input .ant-search-btn[disabled].active>a:only-child,.ant-search-input .ant-search-btn[disabled]:active>a:only-child,.ant-search-input .ant-search-btn[disabled]:focus>a:only-child,.ant-search-input .ant-search-btn[disabled]:hover>a:only-child,.ant-search-input .ant-search-btn[disabled]>a:only-child,fieldset[disabled] .ant-search-input .ant-search-btn.active>a:only-child,fieldset[disabled] .ant-search-input .ant-search-btn:active>a:only-child,fieldset[disabled] .ant-search-input .ant-search-btn:focus>a:only-child,fieldset[disabled] .ant-search-input .ant-search-btn:hover>a:only-child,fieldset[disabled] .ant-search-input .ant-search-btn>a:only-child {
    color: currentColor
}

.ant-search-input .ant-search-btn.disabled.active>a:only-child:after,.ant-search-input .ant-search-btn.disabled:active>a:only-child:after,.ant-search-input .ant-search-btn.disabled:focus>a:only-child:after,.ant-search-input .ant-search-btn.disabled:hover>a:only-child:after,.ant-search-input .ant-search-btn.disabled>a:only-child:after,.ant-search-input .ant-search-btn[disabled].active>a:only-child:after,.ant-search-input .ant-search-btn[disabled]:active>a:only-child:after,.ant-search-input .ant-search-btn[disabled]:focus>a:only-child:after,.ant-search-input .ant-search-btn[disabled]:hover>a:only-child:after,.ant-search-input .ant-search-btn[disabled]>a:only-child:after,fieldset[disabled] .ant-search-input .ant-search-btn.active>a:only-child:after,fieldset[disabled] .ant-search-input .ant-search-btn:active>a:only-child:after,fieldset[disabled] .ant-search-input .ant-search-btn:focus>a:only-child:after,fieldset[disabled] .ant-search-input .ant-search-btn:hover>a:only-child:after,fieldset[disabled] .ant-search-input .ant-search-btn>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-search-input .ant-search-btn:focus,.ant-search-input .ant-search-btn:hover {
    color: #57c5f7;
    background-color: #fff;
    border-color: #57c5f7
}

.ant-search-input .ant-search-btn:focus>a:only-child,.ant-search-input .ant-search-btn:hover>a:only-child {
    color: currentColor
}

.ant-search-input .ant-search-btn:focus>a:only-child:after,.ant-search-input .ant-search-btn:hover>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-search-input .ant-search-btn.active,.ant-search-input .ant-search-btn:active {
    color: #2baee9;
    background-color: #fff;
    border-color: #2baee9
}

.ant-search-input .ant-search-btn.active>a:only-child,.ant-search-input .ant-search-btn:active>a:only-child {
    color: currentColor
}

.ant-search-input .ant-search-btn.active>a:only-child:after,.ant-search-input .ant-search-btn:active>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-search-input .ant-search-btn:hover {
    border-color: #d9d9d9
}

form .ant-search-input .ant-search-btn {
    padding-top: 6px;
    padding-bottom: 6px
}

.ant-search-input.ant-search-input-focus .ant-search-btn-noempty,.ant-search-input:hover .ant-search-btn-noempty {
    color: #fff;
    background-color: #2db7f5;
    border-color: #2db7f5
}

.ant-search-input.ant-search-input-focus .ant-search-btn-noempty>a:only-child,.ant-search-input:hover .ant-search-btn-noempty>a:only-child {
    color: currentColor
}

.ant-search-input.ant-search-input-focus .ant-search-btn-noempty>a:only-child:after,.ant-search-input:hover .ant-search-btn-noempty>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:focus,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:hover,.ant-search-input:hover .ant-search-btn-noempty:focus,.ant-search-input:hover .ant-search-btn-noempty:hover {
    color: #fff;
    background-color: #57c5f7;
    border-color: #57c5f7
}

.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:focus>a:only-child,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:hover>a:only-child,.ant-search-input:hover .ant-search-btn-noempty:focus>a:only-child,.ant-search-input:hover .ant-search-btn-noempty:hover>a:only-child {
    color: currentColor
}

.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:focus>a:only-child:after,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:hover>a:only-child:after,.ant-search-input:hover .ant-search-btn-noempty:focus>a:only-child:after,.ant-search-input:hover .ant-search-btn-noempty:hover>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.active,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:active,.ant-search-input:hover .ant-search-btn-noempty.active,.ant-search-input:hover .ant-search-btn-noempty:active {
    color: #f2f2f2;
    background-color: #2baee9;
    border-color: #2baee9
}

.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.active>a:only-child,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:active>a:only-child,.ant-search-input:hover .ant-search-btn-noempty.active>a:only-child,.ant-search-input:hover .ant-search-btn-noempty:active>a:only-child {
    color: currentColor
}

.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.active>a:only-child:after,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:active>a:only-child:after,.ant-search-input:hover .ant-search-btn-noempty.active>a:only-child:after,.ant-search-input:hover .ant-search-btn-noempty:active>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled.active,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:active,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:focus,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:hover,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled],.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled].active,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:active,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:focus,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:hover,.ant-search-input:hover .ant-search-btn-noempty.disabled,.ant-search-input:hover .ant-search-btn-noempty.disabled.active,.ant-search-input:hover .ant-search-btn-noempty.disabled:active,.ant-search-input:hover .ant-search-btn-noempty.disabled:focus,.ant-search-input:hover .ant-search-btn-noempty.disabled:hover,.ant-search-input:hover .ant-search-btn-noempty[disabled],.ant-search-input:hover .ant-search-btn-noempty[disabled].active,.ant-search-input:hover .ant-search-btn-noempty[disabled]:active,.ant-search-input:hover .ant-search-btn-noempty[disabled]:focus,.ant-search-input:hover .ant-search-btn-noempty[disabled]:hover,fieldset[disabled] .ant-search-input.ant-search-input-focus .ant-search-btn-noempty,fieldset[disabled] .ant-search-input.ant-search-input-focus .ant-search-btn-noempty.active,fieldset[disabled] .ant-search-input.ant-search-input-focus .ant-search-btn-noempty:active,fieldset[disabled] .ant-search-input.ant-search-input-focus .ant-search-btn-noempty:focus,fieldset[disabled] .ant-search-input.ant-search-input-focus .ant-search-btn-noempty:hover,fieldset[disabled] .ant-search-input:hover .ant-search-btn-noempty,fieldset[disabled] .ant-search-input:hover .ant-search-btn-noempty.active,fieldset[disabled] .ant-search-input:hover .ant-search-btn-noempty:active,fieldset[disabled] .ant-search-input:hover .ant-search-btn-noempty:focus,fieldset[disabled] .ant-search-input:hover .ant-search-btn-noempty:hover {
    color: #ccc;
    background-color: #f7f7f7;
    border-color: #d9d9d9
}

.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled.active>a:only-child,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:active>a:only-child,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:focus>a:only-child,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:hover>a:only-child,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled>a:only-child,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled].active>a:only-child,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:active>a:only-child,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:focus>a:only-child,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:hover>a:only-child,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]>a:only-child,.ant-search-input:hover .ant-search-btn-noempty.disabled.active>a:only-child,.ant-search-input:hover .ant-search-btn-noempty.disabled:active>a:only-child,.ant-search-input:hover .ant-search-btn-noempty.disabled:focus>a:only-child,.ant-search-input:hover .ant-search-btn-noempty.disabled:hover>a:only-child,.ant-search-input:hover .ant-search-btn-noempty.disabled>a:only-child,.ant-search-input:hover .ant-search-btn-noempty[disabled].active>a:only-child,.ant-search-input:hover .ant-search-btn-noempty[disabled]:active>a:only-child,.ant-search-input:hover .ant-search-btn-noempty[disabled]:focus>a:only-child,.ant-search-input:hover .ant-search-btn-noempty[disabled]:hover>a:only-child,.ant-search-input:hover .ant-search-btn-noempty[disabled]>a:only-child,fieldset[disabled] .ant-search-input.ant-search-input-focus .ant-search-btn-noempty.active>a:only-child,fieldset[disabled] .ant-search-input.ant-search-input-focus .ant-search-btn-noempty:active>a:only-child,fieldset[disabled] .ant-search-input.ant-search-input-focus .ant-search-btn-noempty:focus>a:only-child,fieldset[disabled] .ant-search-input.ant-search-input-focus .ant-search-btn-noempty:hover>a:only-child,fieldset[disabled] .ant-search-input.ant-search-input-focus .ant-search-btn-noempty>a:only-child,fieldset[disabled] .ant-search-input:hover .ant-search-btn-noempty.active>a:only-child,fieldset[disabled] .ant-search-input:hover .ant-search-btn-noempty:active>a:only-child,fieldset[disabled] .ant-search-input:hover .ant-search-btn-noempty:focus>a:only-child,fieldset[disabled] .ant-search-input:hover .ant-search-btn-noempty:hover>a:only-child,fieldset[disabled] .ant-search-input:hover .ant-search-btn-noempty>a:only-child {
    color: currentColor
}

.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled.active>a:only-child:after,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:active>a:only-child:after,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:focus>a:only-child:after,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:hover>a:only-child:after,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled>a:only-child:after,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled].active>a:only-child:after,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:active>a:only-child:after,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:focus>a:only-child:after,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:hover>a:only-child:after,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]>a:only-child:after,.ant-search-input:hover .ant-search-btn-noempty.disabled.active>a:only-child:after,.ant-search-input:hover .ant-search-btn-noempty.disabled:active>a:only-child:after,.ant-search-input:hover .ant-search-btn-noempty.disabled:focus>a:only-child:after,.ant-search-input:hover .ant-search-btn-noempty.disabled:hover>a:only-child:after,.ant-search-input:hover .ant-search-btn-noempty.disabled>a:only-child:after,.ant-search-input:hover .ant-search-btn-noempty[disabled].active>a:only-child:after,.ant-search-input:hover .ant-search-btn-noempty[disabled]:active>a:only-child:after,.ant-search-input:hover .ant-search-btn-noempty[disabled]:focus>a:only-child:after,.ant-search-input:hover .ant-search-btn-noempty[disabled]:hover>a:only-child:after,.ant-search-input:hover .ant-search-btn-noempty[disabled]>a:only-child:after,fieldset[disabled] .ant-search-input.ant-search-input-focus .ant-search-btn-noempty.active>a:only-child:after,fieldset[disabled] .ant-search-input.ant-search-input-focus .ant-search-btn-noempty:active>a:only-child:after,fieldset[disabled] .ant-search-input.ant-search-input-focus .ant-search-btn-noempty:focus>a:only-child:after,fieldset[disabled] .ant-search-input.ant-search-input-focus .ant-search-btn-noempty:hover>a:only-child:after,fieldset[disabled] .ant-search-input.ant-search-input-focus .ant-search-btn-noempty>a:only-child:after,fieldset[disabled] .ant-search-input:hover .ant-search-btn-noempty.active>a:only-child:after,fieldset[disabled] .ant-search-input:hover .ant-search-btn-noempty:active>a:only-child:after,fieldset[disabled] .ant-search-input:hover .ant-search-btn-noempty:focus>a:only-child:after,fieldset[disabled] .ant-search-input:hover .ant-search-btn-noempty:hover>a:only-child:after,fieldset[disabled] .ant-search-input:hover .ant-search-btn-noempty>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.active,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:active,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:focus,.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:hover,.ant-search-input:hover .ant-search-btn-noempty.active,.ant-search-input:hover .ant-search-btn-noempty:active,.ant-search-input:hover .ant-search-btn-noempty:focus,.ant-search-input:hover .ant-search-btn-noempty:hover {
    color: #fff
}

.ant-search-input .ant-select-combobox .ant-select-selection__rendered {
    right: 29px
}

.ant-input {
    position: relative;
    display: inline-block;
    padding: 4px 7px;
    width: 100%;
    height: 28px;
    cursor: text;
    font-size: 12px;
    line-height: 1.5;
    color: #666;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    -webkit-transition: border .2s cubic-bezier(.645,.045,.355,1),background .2s cubic-bezier(.645,.045,.355,1),box-shadow .2s cubic-bezier(.645,.045,.355,1);
    transition: border .2s cubic-bezier(.645,.045,.355,1),background .2s cubic-bezier(.645,.045,.355,1),box-shadow .2s cubic-bezier(.645,.045,.355,1)
}

.ant-input::-moz-placeholder {
    color: #ccc;
    opacity: 1
}

.ant-input:-ms-input-placeholder {
    color: #ccc
}

.ant-input::-webkit-input-placeholder {
    color: #ccc
}

.ant-input:focus,.ant-input:hover {
    border-color: #57c5f7
}

.ant-input:focus {
    outline: 0;
    box-shadow: 0 0 0 2px rgba(45,183,245,.2)
}

.ant-input[disabled],fieldset[disabled] .ant-input {
    background-color: #f7f7f7;
    opacity: 1;
    cursor: not-allowed;
    color: #ccc
}

.ant-input[disabled]:hover,fieldset[disabled] .ant-input:hover {
    border-color: #e1e1e1
}

textarea.ant-input {
    max-width: 100%;
    height: auto;
    vertical-align: bottom
}

.ant-input-lg {
    padding: 6px 7px;
    height: 32px
}

.ant-input-sm {
    padding: 1px 7px;
    height: 22px;
    border-radius: 4px
}

.ant-input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    width: 100%
}

.ant-input-group[class*=col-] {
    float: none;
    padding-left: 0;
    padding-right: 0
}

.ant-input-group>[class*=col-] {
    padding-right: 8px
}

.ant-input-group-addon,.ant-input-group-wrap,.ant-input-group>.ant-input {
    display: table-cell
}

.ant-input-group-addon:not(:first-child):not(:last-child),.ant-input-group-wrap:not(:first-child):not(:last-child),.ant-input-group>.ant-input:not(:first-child):not(:last-child) {
    border-radius: 0
}

.ant-input-group-addon,.ant-input-group-wrap {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.ant-input-group-wrap>* {
    display: block!important
}

.ant-input-group .ant-input {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.ant-input-group-addon {
    padding: 4px 7px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #666;
    text-align: center;
    background-color: #eee;
    border: 1px solid #d9d9d9;
    border-radius: 6px
}

.ant-input-group-addon .ant-select {
    margin: -5px -7px
}

.ant-input-group-addon .ant-select .ant-select-selection {
    background-color: inherit;
    border: 0;
    margin: -1px;
    border: 1px solid transparent
}

.ant-input-group-addon .ant-select-focused .ant-select-selection,.ant-input-group-addon .ant-select-open .ant-select-selection {
    border-color: #57c5f7
}

.ant-input-group-addon:first-child,.ant-input-group-addon:first-child .ant-select .ant-select-selection,.ant-input-group>.ant-input:first-child,.ant-input-group>.ant-input:first-child .ant-select .ant-select-selection,.ant-input-group>span>.ant-input:first-child,.ant-input-group>span>.ant-input:first-child .ant-select .ant-select-selection {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.ant-input-group-addon:first-child {
    border-right: 0
}

.ant-input-group-addon:last-child {
    border-left: 0
}

.ant-input-group-addon:last-child,.ant-input-group-addon:last-child .ant-select .ant-select-selection,.ant-input-group>.ant-input:last-child,.ant-input-group>.ant-input:last-child .ant-select .ant-select-selection {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.ant-input-group-lg .ant-input,.ant-input-group-lg>.ant-input-group-addon {
    padding: 6px 7px;
    height: 32px
}

.ant-input-group-sm .ant-input,.ant-input-group-sm>.ant-input-group-addon {
    padding: 1px 7px;
    height: 22px;
    border-radius: 4px
}

.modifybookPage .listLayout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: 40px
}

.modifybookPage .uploadImg {
    width: 140px;
    margin-right: 90px
}

.modifybookPage .cb-info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    margin-top: 60px
}

.modifybookPage .cb-info ul {
    min-height: 250px
}

.modifybookPage .cb-div-img {
    width: 140px;
    height: 200px;
    background-color: #e8e8e8;
    text-align: center;
    line-height: 200px;
    color: #bebebe;
    position: relative
}

.modifybookPage .realImg {
    width: 140px;
    height: 200px;
    position: absolute;
    top: 0;
    left: 0;
    border-style: none
}

.modifybookPage .cb-upload-bt-div {
    width: 95px;
    height: 34px;
    border-radius: 4px;
    background-color: #82a8ba;
    color: #fff;
    position: relative;
    text-align: center;
    line-height: 34px;
    margin-top: 20px;
    margin-left: 23px
}

.modifybookPage .cb-input-outer {
    position: relative
}

.modifybookPage .cb-input-file {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    z-index: 10;
    height: 100%;
    overflow: hidden
}

.modifybookPage .cb-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.modifybookPage .cb-item-text {
    width: 85px;
    font-size: 16px;
    line-height: 28px;
    color: #999;
    position: relative
}

.modifybookPage .cb-item-text-tip {
    padding-left: 10px;
    width: 40%;
    font-size: 13px;
    line-height: 29px;
    color: #999;
    position: relative
}

.modifybookPage .cb-item-text-tip-tag {
    padding-left: 90px;
    width: 40%;
    font-size: 13px;
    line-height: 29px;
    color: #999;
    position: relative
}

.modifybookPage .text-right {
    right: 1px
}

.modifybookPage .must-item {
    color: #f50;
    font-size: 25px;
    position: absolute
}

.modifybookPage .cb-item-text-bottom,.modifybookPage .marginBottomFive {
    margin-left: 5px
}

.modifybookPage .cb-item-text-bottom .ant-input {
    font-size: 16px!important
}

.modifybookPage .cb-info li {
    margin-bottom: 20px
}

.modifybookPage .ant-select-selection-selected-value {
    font-size: 16px
}

.modifybookPage .cb-typetags-checkbox {
    padding-top: 5px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.modifybookPage .cb-relBook-style .ant-select-search__field {
    font-size: 16px
}

.modifybookPage .bookIntroduce-div {
    position: relative;
    width: 50%
}

.modifybookPage .bookIntroduce-div-zhengwen {
    position: relative;
    width: 70%
}

.modifybookPage .cb-bookText-span {
    position: absolute;
    right: 3px;
    top: 197px;
    color: #999
}

.modifybookPage .cb-chapter-name {
    text-indent: -2px
}

.modifybookPage .cb-footer {
    width: 400px;
    height: 150px
}

.modifybookPage .submit-div-btn {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
    height: 40px
}

.modifybookPage .submit-div-btn-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 50%;
    margin-left: -105px
}

.modifybookPage .foot-btn-submit {
    margin-right: 15px
}

.modifybookPage .foot-btn-submit,.modifybookPage .foot-btn-submit-cancel {
    width: 97px;
    height: 35px;
    border-radius: 4px;
    color: #fff;
    background-color: #fa6346
}

.modifybookPage .position-fix {
    position: relative
}

.modifybookPage .bookNameVerify {
    color: #f50;
    line-height: 29px;
    padding-left: 10px
}

.modifybookPage .hide {
    display: none
}

.modifybookPage .textSizeColor {
    color: #f50
}

.modifybookPage .bottom-text-cb {
    position: absolute;
    right: .3%;
    color: #999
}

.modifybookPage .bottom-text-cb-outer {
    width: 100%
}

.modifybookPage .img-limit-text {
    text-align: center;
    color: #999;
    margin-top: 10px
}

.createbookPage .listLayout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: 40px
}

.createbookPage .uploadImg {
    width: 140px;
    margin-right: 90px
}

.createbookPage .cb-info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    margin-top: 60px
}

.createbookPage .cb-info ul {
    min-height: 550px
}

.createbookPage .cb-div-img {
    width: 140px;
    height: 200px;
    background-color: #e8e8e8;
    text-align: center;
    line-height: 200px;
    color: #bebebe;
    position: relative
}

.createbookPage .realImg {
    width: 140px;
    height: 200px;
    position: absolute;
    top: 0;
    left: 0;
    border-style: none
}

.createbookPage .cb-upload-bt-div {
    width: 95px;
    height: 34px;
    border-radius: 4px;
    background-color: #82a8ba;
    color: #fff;
    position: relative;
    text-align: center;
    line-height: 34px;
    margin-top: 20px;
    margin-left: 23px
}

.createbookPage .cb-input-outer {
    position: relative
}

.createbookPage .cb-input-file {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    z-index: 10;
    height: 100%;
    overflow: hidden
}

.createbookPage .cb-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.createbookPage .cb-item-text {
    width: 85px;
    font-size: 16px;
    line-height: 28px;
    color: #999;
    position: relative
}

.createbookPage .text-right {
    right: 1px
}

.createbookPage .must-item {
    color: #f50;
    font-size: 25px;
    position: absolute
}

.createbookPage .cb-item-text-bottom,.createbookPage .marginBottomFive {
    margin-left: 5px
}

.createbookPage .cb-item-text-bottom .ant-input {
    font-size: 16px!important
}

.createbookPage .cb-info li {
    margin-bottom: 20px
}

.createbookPage .ant-select-selection-selected-value {
    font-size: 16px
}

.createbookPage .cb-typetags-checkbox {
    padding-top: 5px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.createbookPage .cb-relBook-style .ant-select-search__field {
    font-size: 16px
}

.createbookPage .bookIntroduce-div {
    position: relative;
    width: 50%
}

.createbookPage .bookIntroduce-div-zhengwen {
    position: relative;
    width: 70%
}

.createbookPage .cb-bookText-span {
    position: absolute;
    right: 3px;
    top: 197px;
    color: #999
}

.createbookPage .cb-chapter-name {
    text-indent: -2px
}

.createbookPage .cb-footer {
    width: 400px;
    height: 150px
}

.createbookPage .foot-btn-submit {
    width: 97px;
    height: 35px;
    border-radius: 4px;
    color: #fff;
    background-color: #fa6346;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    top: 40px
}

.createbookPage .position-fix {
    position: relative
}

.createbookPage .submit-div-btn {
    width: 100%;
    position: relative
}

.createbookPage .bookNameVerify {
    color: #f50;
    line-height: 29px;
    padding-left: 10px
}

.createbookPage .hide {
    display: none
}

.createbookPage .textSizeColor {
    color: #f50
}

.createbookPage .bottom-text-cb {
    position: absolute;
    right: .3%;
    color: #999
}

.createbookPage .bottom-text-cb-outer {
    width: 100%
}

.createbookPage .img-limit-text {
    text-align: center;
    color: #999;
    margin-top: 10px
}

.createbookPage .cp-clor2 {
    color: #000!important
}

.ant-radio-group {
    display: inline-block;
    font-size: 12px
}

.ant-radio-wrapper {
    font-size: 12px;
    margin-right: 8px
}

.ant-radio,.ant-radio-wrapper {
    vertical-align: middle;
    display: inline-block;
    position: relative;
    white-space: nowrap
}

.ant-radio {
    outline: none;
    line-height: 1;
    cursor: pointer
}

.ant-radio-focused .ant-radio-inner,.ant-radio:hover .ant-radio-inner {
    border-color: #bcbcbc
}

.ant-radio-inner {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 14px;
    border: 1px solid #d9d9d9;
    background-color: #fff
}

.ant-radio-inner,.ant-radio-inner:after {
    -webkit-transition: all .2s cubic-bezier(.78,.14,.15,.86);
    transition: all .2s cubic-bezier(.78,.14,.15,.86)
}

.ant-radio-inner:after {
    position: absolute;
    width: 6px;
    height: 6px;
    left: 3px;
    top: 3px;
    border-radius: 6px;
    display: table;
    border-top: 0;
    border-left: 0;
    content: ' ';
    background-color: #2db7f5;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.ant-radio-input {
    position: absolute;
    left: 0;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.ant-radio-checked .ant-radio-inner {
    border-color: #d9d9d9
}

.ant-radio-checked .ant-radio-inner:after {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition: all .2s cubic-bezier(.78,.14,.15,.86);
    transition: all .2s cubic-bezier(.78,.14,.15,.86)
}

.ant-radio-disabled:hover .ant-radio-inner {
    border-color: #d9d9d9
}

.ant-radio-disabled .ant-radio-inner {
    border-color: #d9d9d9;
    background-color: #f3f3f3
}

.ant-radio-disabled .ant-radio-inner:after {
    background-color: #ccc
}

.ant-radio-disabled .ant-radio-inner-input {
    cursor: default
}

.ant-radio-disabled .ant-radio-disabled+span {
    color: #ccc;
    cursor: not-allowed
}

span.ant-radio+* {
    margin-left: 8px;
    margin-right: 8px
}

.ant-radio-button-wrapper {
    margin: 0;
    height: 28px;
    line-height: 26px;
    color: #666;
    display: inline-block;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
    border: 1px solid #d9d9d9;
    border-left: 0;
    background: #fff;
    padding: 0 16px
}

.ant-radio-button-wrapper a {
    color: #666
}

.ant-radio-button-wrapper>.ant-radio-button {
    margin-left: 0;
    display: block;
    width: 0;
    height: 0
}

.ant-radio-group-large .ant-radio-button-wrapper {
    height: 32px;
    line-height: 30px
}

.ant-radio-group-small .ant-radio-button-wrapper {
    height: 22px;
    line-height: 20px;
    padding: 0 12px
}

.ant-radio-group-small .ant-radio-button-wrapper:first-child {
    border-radius: 4px 0 0 4px
}

.ant-radio-group-small .ant-radio-button-wrapper:last-child {
    border-radius: 0 4px 4px 0
}

.ant-radio-button-wrapper:first-child {
    border-radius: 6px 0 0 6px;
    border-left: 1px solid #d9d9d9
}

.ant-radio-button-wrapper:last-child {
    border-radius: 0 6px 6px 0
}

.ant-radio-button-wrapper:first-child:last-child {
    border-radius: 6px
}

.ant-radio-button-wrapper-focused,.ant-radio-button-wrapper:hover {
    color: #2db7f5;
    position: relative
}

.ant-radio-button-wrapper .ant-radio-inner,.ant-radio-button-wrapper input {
    opacity: 0;
    filter: alpha(opacity=0);
    width: 0;
    height: 0
}

.ant-radio-button-wrapper-checked {
    background: #fff;
    border-color: #2db7f5;
    color: #2db7f5;
    box-shadow: -1px 0 0 0 #2db7f5
}

.ant-radio-button-wrapper-checked:first-child {
    border-color: #2db7f5;
    box-shadow: none!important
}

.ant-radio-button-wrapper-checked:hover {
    border-color: #57c5f7;
    box-shadow: -1px 0 0 0 #57c5f7;
    color: #57c5f7
}

.ant-radio-button-wrapper-checked:active {
    border-color: #2baee9;
    box-shadow: -1px 0 0 0 #2baee9;
    color: #2baee9
}

.ant-radio-button-wrapper-disabled {
    cursor: not-allowed
}

.ant-radio-button-wrapper-disabled,.ant-radio-button-wrapper-disabled:first-child,.ant-radio-button-wrapper-disabled:hover {
    border-color: #d9d9d9;
    background-color: #f7f7f7;
    color: #ccc
}

.ant-radio-button-wrapper-disabled:first-child {
    border-left-color: #d9d9d9
}

.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
    color: #fff;
    background-color: #e6e6e6;
    border-color: #d9d9d9
}

.createbooklongPage .listLayout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: 40px
}

.createbooklongPage .uploadImg {
    width: 140px;
    margin-right: 90px
}

.createbooklongPage .cb-info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    margin-top: 60px
}

.createbooklongPage .cb-info ul {
    min-height: 550px
}

.createbooklongPage .cb-div-img {
    width: 140px;
    height: 200px;
    background-color: #e8e8e8;
    text-align: center;
    line-height: 200px;
    color: #bebebe;
    position: relative
}

.createbooklongPage .realImg {
    width: 140px;
    height: 200px;
    position: absolute;
    top: 0;
    left: 0;
    border-style: none
}

.createbooklongPage .cb-upload-bt-div {
    width: 95px;
    height: 34px;
    border-radius: 4px;
    background-color: #82a8ba;
    color: #fff;
    position: relative;
    text-align: center;
    line-height: 34px;
    margin-top: 20px;
    margin-left: 23px
}

.createbooklongPage .cb-input-outer {
    position: relative
}

.createbooklongPage .cb-input-file {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    z-index: 10;
    height: 100%;
    overflow: hidden
}

.createbooklongPage .cb-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.createbooklongPage .cb-item-text {
    width: 85px;
    font-size: 16px;
    line-height: 28px;
    color: #999;
    position: relative
}

.createbooklongPage .text-right {
    right: 1px
}

.createbooklongPage .must-item {
    color: #f50;
    font-size: 25px;
    position: absolute
}

.createbooklongPage .cb-item-text-bottom {
    margin-left: 5px;
    position: relative
}

.createbooklongPage .marginBottomFive {
    margin-left: 5px
}

.createbooklongPage .marginBottomFive .ant-checkbox-group-item {
    width: 100px
}

.createbooklongPage .marginBottomFive .ant-checkbox-group-item:first-child {
    margin-left: 7px
}

.createbooklongPage .cb-item-text-bottom .ant-input {
    font-size: 16px!important
}

.createbooklongPage .cb-info li {
    margin-bottom: 20px
}

.createbooklongPage .ant-select-selection-selected-value {
    font-size: 16px
}

.createbooklongPage .cb-typetags-checkbox {
    padding-top: 5px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.createbooklongPage .cb-relBook-style .ant-select-search__field {
    font-size: 16px
}

.createbooklongPage .bookIntroduce-div {
    position: relative;
    width: 50%
}

.createbooklongPage .bookIntroduce-div-zhengwen {
    position: relative;
    width: 70%
}

.createbooklongPage .cb-bookText-span {
    position: absolute;
    right: 3px;
    top: 197px;
    color: #999
}

.createbooklongPage .cb-chapter-name {
    text-indent: -2px
}

.createbooklongPage .cb-footer {
    width: 400px;
    height: 150px
}

.createbooklongPage .foot-btn-submit {
    margin-left: -110px
}

.createbooklongPage .foot-btn-submit,.createbooklongPage .foot-btn-submit-cancel-btn {
    width: 97px;
    height: 35px;
    border-radius: 4px;
    color: #fff;
    background-color: #fa6346;
    position: absolute;
    left: 50%;
    top: 38px
}

.createbooklongPage .foot-btn-submit-cancel-btn {
    margin-left: 10px
}

.createbooklongPage .position-fix {
    position: relative
}

.createbooklongPage .submit-div-btn {
    width: 100%;
    position: relative
}

.createbooklongPage .bookNameVerify {
    color: #f50;
    line-height: 29px;
    padding-left: 10px
}

.createbooklongPage .hide {
    display: none
}

.createbooklongPage .textSizeColor {
    color: #f50
}

.createbooklongPage .bottom-text-cb {
    position: absolute;
    right: .3%;
    color: #999
}

.createbooklongPage .bottom-text-cb-outer {
    width: 100%
}

.createbooklongPage .bottom-text-cb-rec {
    position: absolute;
    left: 190px;
    color: #999!important
}

.createbooklongPage .img-limit-text {
    text-align: center;
    color: #999;
    margin-top: 10px
}

.createbooklongPage .clp-clor2 {
    color: #000!important
}

.createbooklongPage .clp-margin-right {
    margin-right: 5px
}

.createbooklongPage .clp-radio {
    padding-top: 5px
}

.createbooklongPage .notice-board {
    margin-top: .9375rem
}

.createbooklongPage .rules-color {
    color: #eb624b
}

.ant-tabs {
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    zoom: 1;
    color: #666
}

.ant-tabs:after,.ant-tabs:before {
    content: " ";
    display: table
}

.ant-tabs:after {
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0
}

.ant-tabs-bar {
    outline: none
}

.ant-tabs-ink-bar {
    z-index: 1;
    position: absolute;
    left: 0;
    bottom: 1px;
    box-sizing: border-box;
    height: 2px;
    background-color: #2db7f5;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1);
    transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1);
    transition: transform .3s cubic-bezier(.645,.045,.355,1);
    transition: transform .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.ant-tabs-bar {
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 16px
}

.ant-tabs-nav-container {
    overflow: hidden;
    font-size: 14px;
    line-height: 1.5;
    box-sizing: border-box;
    position: relative;
    white-space: nowrap;
    margin-bottom: -1px;
    zoom: 1
}

.ant-tabs-nav-container:after,.ant-tabs-nav-container:before {
    content: " ";
    display: table
}

.ant-tabs-nav-container:after {
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0
}

.ant-tabs-nav-container-scrolling {
    padding-left: 32px;
    padding-right: 32px
}

.ant-tabs-tab-next,.ant-tabs-tab-prev {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 2;
    margin-right: -2px;
    margin-top: 3px;
    width: 32px;
    height: 100%;
    line-height: 32px;
    cursor: pointer;
    border: 0;
    background-color: transparent;
    position: absolute;
    text-align: center;
    color: #999;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.ant-tabs-tab-next:hover,.ant-tabs-tab-prev:hover {
    color: #666
}

.ant-tabs-tab-next-icon,.ant-tabs-tab-prev-icon {
    position: relative;
    font-style: normal;
    font-weight: 700;
    font-variant: normal;
    line-height: inherit;
    vertical-align: baseline;
    text-align: center;
    text-transform: none;
    font-family: sans-serif;
    display: inline-block;
    font-size: 12px;
    font-size: 10px\9;
    -webkit-transform: scale(.83333333) rotate(0deg);
    transform: scale(.83333333) rotate(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
    zoom: 1
}

:root .ant-tabs-tab-next-icon,:root .ant-tabs-tab-prev-icon {
    -webkit-filter: none;
    filter: none;
    font-size: 12px
}

.ant-tabs-tab-next-icon:before,.ant-tabs-tab-prev-icon:before {
    display: block;
    font-family: anticon!important
}

.ant-tabs-tab-btn-disabled {
    cursor: not-allowed
}

.ant-tabs-tab-btn-disabled,.ant-tabs-tab-btn-disabled:hover {
    color: #ccc
}

.ant-tabs-tab-next {
    right: 2px
}

.ant-tabs-tab-next-icon:before {
    content: "\E600"
}

.ant-tabs-tab-prev {
    left: 0
}

.ant-tabs-tab-prev-icon:before {
    content: "\E601"
}

:root .ant-tabs-tab-prev {
    -webkit-filter: none;
    filter: none
}

.ant-tabs-nav-wrap {
    overflow: hidden;
    margin-bottom: -1px
}

.ant-tabs-nav-scroll {
    overflow: hidden;
    white-space: nowrap
}

.ant-tabs-nav {
    box-sizing: border-box;
    padding-left: 0;
    -webkit-transition: -webkit-transform .5s cubic-bezier(.645,.045,.355,1);
    transition: -webkit-transform .5s cubic-bezier(.645,.045,.355,1);
    transition: transform .5s cubic-bezier(.645,.045,.355,1);
    transition: transform .5s cubic-bezier(.645,.045,.355,1),-webkit-transform .5s cubic-bezier(.645,.045,.355,1);
    position: relative;
    margin: 0;
    list-style: none;
    float: left
}

.ant-tabs-nav:after,.ant-tabs-nav:before {
    display: table;
    content: " "
}

.ant-tabs-nav:after {
    clear: both
}

.ant-tabs-nav .ant-tabs-tab-disabled {
    pointer-events: none;
    cursor: default
}

.ant-tabs-nav .ant-tabs-tab-disabled .ant-tabs-tab-inner {
    color: #ccc
}

.ant-tabs-nav .ant-tabs-tab {
    display: inline-block;
    height: 100%;
    margin-right: 24px;
    box-sizing: border-box;
    position: relative
}

.ant-tabs-nav .ant-tabs-tab-inner {
    padding: 8px 20px;
    -webkit-transition: color .3s cubic-bezier(.645,.045,.355,1);
    transition: color .3s cubic-bezier(.645,.045,.355,1);
    display: block;
    cursor: pointer;
    text-decoration: none
}

.ant-tabs-nav .ant-tabs-tab-inner:hover {
    color: #57c5f7
}

.ant-tabs-nav .ant-tabs-tab-inner:active {
    color: #2baee9
}

.ant-tabs-nav .ant-tabs-tab-inner .anticon {
    width: 14px;
    height: 14px;
    margin-right: 8px
}

.ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-inner {
    color: #2db7f5
}

.ant-tabs-mini .ant-tabs-nav-container {
    font-size: 12px
}

.ant-tabs-mini .ant-tabs-tab {
    margin-right: 0
}

.ant-tabs-mini .ant-tabs-tab .ant-tabs-tab-inner {
    padding: 8px 16px
}

.ant-tabs-tabpane-hidden {
    display: none
}

.ant-tabs-content {
    position: relative;
    width: 100%
}

.ant-tabs-slide-horizontal-backward-enter {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    -webkit-animation-timing-function: cubic-bezier(.86,0,.07,1);
    animation-timing-function: cubic-bezier(.86,0,.07,1);
    opacity: 0;
    -webkit-animation-duration: .4s;
    animation-duration: .4s
}

.ant-tabs-slide-horizontal-backward-enter.ant-tabs-slide-horizontal-backward-enter-active {
    -webkit-animation-name: antMoveLeftIn;
    animation-name: antMoveLeftIn;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ant-tabs-slide-horizontal-backward-leave {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    -webkit-animation-timing-function: cubic-bezier(.86,0,.07,1);
    animation-timing-function: cubic-bezier(.86,0,.07,1);
    -webkit-animation-duration: .4s;
    animation-duration: .4s
}

.ant-tabs-slide-horizontal-backward-leave.ant-tabs-slide-horizontal-backward-leave-active {
    -webkit-animation-name: antMoveRightOut;
    animation-name: antMoveRightOut;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ant-tabs-slide-horizontal-forward-enter {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    -webkit-animation-timing-function: cubic-bezier(.86,0,.07,1);
    animation-timing-function: cubic-bezier(.86,0,.07,1);
    opacity: 0;
    -webkit-animation-duration: .4s;
    animation-duration: .4s
}

.ant-tabs-slide-horizontal-forward-enter.ant-tabs-slide-horizontal-forward-enter-active {
    -webkit-animation-name: antMoveRightIn;
    animation-name: antMoveRightIn;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.ant-tabs-slide-horizontal-forward-leave {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    -webkit-animation-timing-function: cubic-bezier(.86,0,.07,1);
    animation-timing-function: cubic-bezier(.86,0,.07,1)
}

.ant-tabs-slide-horizontal-forward-leave.ant-tabs-slide-horizontal-forward-leave-active {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-name: antMoveLeftOut;
    animation-name: antMoveLeftOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ant-tabs-vertical>.ant-tabs-bar {
    border-bottom: 0
}

.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-tab {
    float: none;
    margin-right: 0;
    margin-bottom: 16px;
    display: block
}

.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-tab:last-child {
    margin-bottom: 0
}

.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-tab .ant-tabs-tab-inner {
    padding: 8px 24px
}

.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-nav-scroll {
    width: auto
}

.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-nav-container,.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-nav-wrap {
    margin-bottom: 0
}

.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-ink-bar {
    width: 2px;
    left: auto;
    height: auto;
    top: 0
}

.ant-tabs-vertical>.ant-tabs-content {
    overflow: hidden;
    width: auto
}

.ant-tabs-vertical.ant-tabs-left>.ant-tabs-bar {
    float: left;
    border-right: 1px solid #e9e9e9;
    margin-right: -1px;
    margin-bottom: 0
}

.ant-tabs-vertical.ant-tabs-left>.ant-tabs-bar .ant-tabs-tab .ant-tabs-tab-inner {
    text-align: right
}

.ant-tabs-vertical.ant-tabs-left>.ant-tabs-bar .ant-tabs-nav-container,.ant-tabs-vertical.ant-tabs-left>.ant-tabs-bar .ant-tabs-nav-wrap {
    margin-right: -1px
}

.ant-tabs-vertical.ant-tabs-left>.ant-tabs-bar .ant-tabs-ink-bar {
    right: 1px
}

.ant-tabs-vertical.ant-tabs-left>.ant-tabs-content {
    padding-left: 24px;
    border-left: 1px solid #e9e9e9
}

.ant-tabs-vertical.ant-tabs-right>.ant-tabs-bar {
    float: right;
    border-left: 1px solid #e9e9e9;
    margin-left: -1px;
    margin-bottom: 0
}

.ant-tabs-vertical.ant-tabs-right>.ant-tabs-bar .ant-tabs-nav-container,.ant-tabs-vertical.ant-tabs-right>.ant-tabs-bar .ant-tabs-nav-wrap {
    margin-left: -1px
}

.ant-tabs-vertical.ant-tabs-right>.ant-tabs-bar .ant-tabs-ink-bar {
    left: 1px
}

.ant-tabs-vertical.ant-tabs-right>.ant-tabs-content {
    padding-right: 24px;
    border-right: 1px solid #e9e9e9
}

.ant-tabs-bottom>.ant-tabs-bar {
    margin-bottom: 0;
    margin-top: 16px
}

.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-nav-container {
    height: 36px
}

.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-ink-bar {
    visibility: hidden
}

.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab {
    margin: 0;
    border: 1px solid #d9d9d9;
    border-bottom: 0;
    border-radius: 6px 6px 0 0;
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    background: #f9f9f9;
    margin-right: 2px
}

.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab-inner {
    padding: 7px 16px 6px;
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1)
}

.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab-active {
    background: #fff;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    border-color: #d9d9d9;
    color: #2db7f5
}

.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab-active .ant-tabs-tab-inner {
    padding-bottom: 7px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-nav-wrap {
    margin-bottom: 0
}

.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab-inner .anticon-cross {
    margin-right: 0;
    color: #999;
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    display: inline-block;
    font-size: 12px;
    font-size: 9px\9;
    -webkit-transform: scale(.75) rotate(0deg);
    transform: scale(.75) rotate(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
    zoom: 1;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    width: 0;
    text-align: right;
    vertical-align: middle;
    overflow: hidden
}

:root .ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab-inner .anticon-cross {
    -webkit-filter: none;
    filter: none;
    font-size: 12px
}

.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab-inner .anticon-cross:hover {
    color: #404040;
    font-weight: 700
}

.ant-tabs.ant-tabs-editable-card>.ant-tabs-bar .ant-tabs-tab:not(.ant-tabs-tab-active):hover .ant-tabs-tab-inner {
    padding-left: 8px;
    padding-right: 8px
}

.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab-active .anticon-cross,.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab:hover .anticon-cross {
    width: 16px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.ant-tabs-extra-content {
    float: right;
    line-height: 32px
}

.ant-tabs-extra-content .ant-tabs-new-tab {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    border-radius: 3px;
    border: 1px solid #d9d9d9;
    display: inline-block;
    font-size: 12px;
    font-size: 10px\9;
    -webkit-transform: scale(.83333333) rotate(0deg);
    transform: scale(.83333333) rotate(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
    zoom: 1;
    color: #999;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

:root .ant-tabs-extra-content .ant-tabs-new-tab {
    -webkit-filter: none;
    filter: none;
    font-size: 12px
}

.ant-tabs-extra-content .ant-tabs-new-tab:hover {
    color: #404040
}

.honorPage .position-fix {
    position: relative
}

.honorPage .hp-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 238px;
    width: 100%;
    border-bottom: 2px solid #d4dbe3
}

.honorPage .hp-content-left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    flex-direction: column;
    padding-left: 10px
}

.honorPage .hp-content-left,.honorPage .hp-content-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column
}

.honorPage .hp-content-right {
    height: 100%;
    width: 200px;
    flex-direction: column;
    margin-right: 10px;
    padding-top: 11px
}

.honorPage .hp-content-left-title {
    -webkit-box-flex: 1.5;
    -ms-flex: 1.5;
    flex: 1.5;
    font-size: 16px;
    line-height: 63px
}

.honorPage .hp-content-left-info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.honorPage .hp-content-left-info p {
    line-height: 42px
}

.honorPage .hp-content-left-info p.levelstatus {
    width: 18.75rem
}

.honorPage .hp-content-left-info p.levelstatus span {
    margin-left: .875rem;
    color: #fa6346
}

.honorPage .hp-content-left-info-class {
    color: #999
}

.honorPage .hp-content-right-top {
    width: 100%;
    height: 182px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.honorPage .hp-content-right-top-btn {
    width: 95px;
    height: 34px
}

.honorPage .hp-content-right-top-btn-margin {
    margin-right: 10px
}

.honorPage .hp-content-right-btn-renzheng {
    width: 95px;
    height: 34px;
    background-color: #ec614c;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    line-height: 34px
}

.honorPage .hp-content-right-btn-name {
    width: 95px;
    height: 34px;
    background-color: #e7e7e9;
    border-radius: 5px;
    margin-right: 7px;
    text-align: center;
    line-height: 34px
}

.honorPage .hp-content-right-bottom {
    height: 40px;
    text-align: center;
    color: #2db7f5
}

.honorPage .hp-content-left-title-b {
    height: 68px;
    font-size: 16px;
    line-height: 63px
}

.honorPage .hp-content-left-info-class-b {
    margin-left: 70px
}

.honorPage .hp-content-zuopinrongyu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
    width: 100%;
    border-bottom: 2px solid #d4dbe3
}

.honorPage .hp-footer {
    width: 100%;
    height: 100px
}

.honorPage .hp-content-left-info-context {
    width: 200px;
    word-break: break-all
}

.honorPage .hp-content-left-info-context-like {
    width: 100px
}

.honorPage .hp-base-info {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.honorPage .hp-base-info-left,.honorPage .hp-base-info-middle {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.honorPage .hp-base-info-right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.honorPage .hp-base-info-right,.honorPage .hp-content-left-info-base {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal
}

.honorPage .hp-content-left-info-base {
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 41px
}

.honorPage .hp-content-left-info-base p {
    line-height: 42px
}

.honorPage .hp-content-left-info-context-base {
    word-break: break-all
}

.honorPage .hp-content-zuopinrongyu-base {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    border-bottom: 2px solid #d4dbe3
}

.honorPage .hp-div-img {
    width: 140px;
    height: 200px;
    background-color: #e8e8e8;
    text-align: center;
    line-height: 200px;
    color: #bebebe;
    position: relative;
    margin-top: -10px
}

.honorPage .hp-realImg {
    width: 140px;
    height: 200px;
    position: absolute;
    top: 0;
    left: 0;
    border-style: none
}

.notfoundPage .position-fix {
    position: relative
}

.notfoundPage .hp-footer {
    width: 100%;
    height: 100px
}

.notfoundPage .np-content {
    width: 100%;
    height: 100%;
    font-size: 20px;
    font-size: 30px;
    text-align: center;
    margin-top: 200px
}

.writingPage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.writingPage .wp-top-navigator {
    height: 67px
}

.writingPage .wp-top-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 230px;
    margin-left: 55px;
    margin-top: 22px;
    font-size: 14px
}

.writingPage .wp-top-btn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    border-radius: 5px;
    height: 25px;
    line-height: 25px
}

.writingPage .wp-active {
    background-color: #5d93a2
}

.writingPage .wp-active span {
    color: #fff!important
}

.writingPage .wp-top-btn span {
    color: #000
}

.writinglongPage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.writinglongPage .wp-top-navigator {
    height: 67px
}

.writinglongPage .wp-top-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 239px;
    margin-left: 55px;
    margin-top: 22px;
    font-size: 14px
}

.writinglongPage .wp-top-btn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    border-radius: 5px;
    height: 25px;
    line-height: 25px
}

.writinglongPage .wp-active {
    background-color: #5d93a2
}

.writinglongPage .wp-active span {
    color: #fff!important
}

.writinglongPage .wp-top-btn span {
    color: #000
}

.textPage .tp-outer-frame {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.textPage .tp-outer-bottom {
    width: 100%;
    height: 100px
}

.textPage .tp-left-div {
    width: 55px;
    height: 400px
}

.textPage .tp-left-div-1 {
    width: 20px;
    height: 400px
}

.textPage .tp-chapter-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 230px;
    height: 760px;
    border: 1px solid #e4e9ed;
    background-color: #f6f7f9
}

.textPage .tp-text-right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    height: 780px
}

.textPage .tp-chapter-left-title {
    width: 100%;
    height: 95px;
    border-bottom: 1px solid #e4e9ed;
    overflow: hidden
}

.textPage .tp-chapter-big-title {
    margin-top: 23px;
    font-size: 16px;
    text-align: center
}

.textPage .tp-chapter-small-title {
    font-size: 16px;
    color: #aeaeaf;
    text-align: center
}

.textPage .tp-chapter-left-chapter {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: scroll
}

.textPage .tp-chapter-left-chapter::-webkit-scrollbar {
    display: none
}

.textPage .tp-chapter-left-bottom {
    height: 50px;
    font-size: 15px;
    text-align: center;
    line-height: 50px;
    background-color: #5d93a2;
    color: #fff
}

.textPage .tp-chapter-bottom-add {
    border-radius: 5px;
    color: #fff;
    background-color: #ec614c;
    width: 95px;
    height: 35px;
    text-align: center;
    font-size: 14px;
    line-height: 35px;
    margin-top: 12px;
    margin-left: auto;
    margin-right: auto
}

.textPage .tp-chapter-left-bottom-span {
    font-size: 19px
}

.chapterbtnPage:hover {
    background-color: #fff;
    border-radius: 5px
}

.chapterbtnPage .tp-chapter-left-content {
    font-size: 16px;
    padding-left: 20px;
    padding-top: 20px;
    width: 100%;
    height: 86px;
    overflow: hidden
}

.chapterbtnPage .tp-chapter-item-chapter-outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.chapterbtnPage .tp-chapter-item-chapter {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.chapterbtnPage .tp-chapter-item-chapter-state {
    width: 90px;
    text-align: center
}

.chapterbtnPage .color-examine {
    color: #5183b6
}

.chapterbtnPage .color-publish {
    color: #7cc057
}

.chapterbtnPage .color-reject {
    color: red
}

.chapterbtnPage .tcic-t {
    font-size: 14px
}

.chapterbtnPage .tcic-b {
    font-size: 12px;
    margin-top: 7px
}

.textlongPage .tp-outer-frame {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.textlongPage .tp-outer-bottom {
    width: 100%;
    height: 100px
}

.textlongPage .tp-left-div {
    width: 55px;
    height: 400px
}

.textlongPage .tp-left-div-1 {
    width: 20px;
    height: 400px
}

.textlongPage .tp-chapter-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 230px;
    height: 760px;
    border: 1px solid #e4e9ed;
    background-color: #f6f7f9
}

.textlongPage .tp-text-right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    height: 760px
}

.textlongPage .tp-chapter-left-title {
    width: 100%;
    height: 95px;
    border-bottom: 1px solid #e4e9ed;
    overflow: hidden
}

.textlongPage .tp-chapter-big-title {
    margin-top: 23px;
    font-size: 16px;
    text-align: center
}

.textlongPage .tp-chapter-small-title {
    font-size: 14px;
    color: #aeaeaf;
    text-align: center;
    margin-top: 6px
}

.textlongPage .tp-chapter-left-chapter {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: scroll
}

.textlongPage .tp-chapter-left-chapter::-webkit-scrollbar {
    display: none
}

.textlongPage .tp-chapter-left-bottom {
    height: 50px;
    font-size: 15px;
    text-align: center;
    line-height: 50px;
    background-color: #5d93a2;
    color: #fff
}

.textlongPage .tp-chapter-bottom-add {
    border-radius: 5px;
    color: #fff;
    background-color: #ec614c;
    width: 95px;
    height: 35px;
    text-align: center;
    font-size: 14px;
    line-height: 35px;
    margin-top: 12px;
    margin-left: auto;
    margin-right: auto
}

.textlongPage .tp-chapter-left-bottom-span {
    font-size: 19px
}

.chapterbtnlongPage:hover {
    background-color: #fff;
    border-radius: 5px
}

.chapterbtnlongPage .tp-chapter-left-content {
    font-size: 16px;
    padding-left: 20px;
    padding-top: 18px;
    width: 100%;
    height: 103px!important;
    overflow: hidden
}

.chapterbtnlongPage .tp-chapter-item-chapter-outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.chapterbtnlongPage .tp-chapter-item-chapter {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.chapterbtnlongPage .tp-chapter-item-chapter-state {
    width: 90px;
    text-align: center
}

.chapterbtnlongPage .color-examine {
    color: #5183b6
}

.chapterbtnlongPage .color-publish {
    color: #7cc057
}

.chapterbtnlongPage .color-reject {
    color: red
}

.chapterbtnlongPage .tcic-t {
    font-size: 14px
}

.chapterbtnlongPage .tcic-b {
    font-size: 12px;
    margin-top: 5px
}

.draftlongPage .tp-outer-frame {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.draftlongPage .tp-outer-bottom {
    width: 100%;
    height: 100px
}

.draftlongPage .tp-left-div {
    width: 55px;
    height: 400px
}

.draftlongPage .tp-left-div-1 {
    width: 20px;
    height: 400px
}

.draftlongPage .tp-chapter-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 230px;
    height: 760px;
    border: 1px solid #e4e9ed;
    background-color: #f6f7f9
}

.draftlongPage .tp-text-right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    height: 760px
}

.draftlongPage .tp-chapter-left-title {
    width: 100%;
    height: 95px;
    border-bottom: 1px solid #e4e9ed;
    overflow: hidden
}

.draftlongPage .tp-chapter-big-title {
    margin-top: 23px;
    font-size: 16px;
    text-align: center
}

.draftlongPage .tp-chapter-small-title {
    font-size: 14px;
    color: #aeaeaf;
    text-align: center;
    margin-top: 6px
}

.draftlongPage .tp-chapter-left-chapter {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: scroll
}

.draftlongPage .tp-chapter-left-chapter::-webkit-scrollbar {
    display: none
}

.draftlongPage .tp-chapter-left-bottom {
    height: 50px;
    font-size: 15px;
    text-align: center;
    line-height: 50px;
    background-color: #5d93a2;
    color: #fff
}

.draftlongPage .tp-chapter-bottom-add {
    border-radius: 5px;
    color: #fff;
    background-color: #ec614c;
    width: 95px;
    height: 35px;
    text-align: center;
    font-size: 14px;
    line-height: 35px;
    margin-top: 12px;
    margin-left: auto;
    margin-right: auto
}

.draftlongPage .tp-chapter-left-bottom-span {
    font-size: 19px
}

.chapterbtnlongDraftPage:hover {
    background-color: #fff;
    border-radius: 5px
}

.chapterbtnlongDraftPage .tp-chapter-left-content {
    font-size: 16px;
    padding-left: 20px;
    padding-top: 20px;
    width: 100%;
    height: 86px;
    overflow: hidden
}

.chapterbtnlongDraftPage .tp-chapter-item-chapter-outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.chapterbtnlongDraftPage .tp-chapter-item-chapter {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.chapterbtnlongDraftPage .tp-chapter-item-chapter-state {
    width: 90px;
    text-align: center
}

.chapterbtnlongDraftPage .color-examine {
    color: #5183b6
}

.chapterbtnlongDraftPage .color-publish {
    color: #7cc057
}

.chapterbtnlongDraftPage .color-reject {
    color: red
}

.chapterbtnlongDraftPage .tcic-t {
    font-size: 14px
}

.chapterbtnlongDraftPage .tcic-b {
    font-size: 12px;
    margin-top: 7px
}

.recyclelongPage .tp-outer-frame {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.recyclelongPage .tp-outer-bottom {
    width: 100%;
    height: 100px
}

.recyclelongPage .tp-left-div {
    width: 55px;
    height: 400px
}

.recyclelongPage .tp-left-div-1 {
    width: 20px;
    height: 400px
}

.recyclelongPage .tp-chapter-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 230px;
    height: 760px;
    border: 1px solid #e4e9ed;
    background-color: #f6f7f9
}

.recyclelongPage .tp-text-right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    height: 760px
}

.recyclelongPage .tp-chapter-left-title {
    width: 100%;
    height: 95px;
    border-bottom: 1px solid #e4e9ed;
    overflow: hidden
}

.recyclelongPage .tp-chapter-big-title {
    margin-top: 23px;
    font-size: 16px;
    text-align: center
}

.recyclelongPage .tp-chapter-small-title {
    font-size: 14px;
    color: #aeaeaf;
    text-align: center;
    margin-top: 6px
}

.recyclelongPage .tp-chapter-left-chapter {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: scroll
}

.recyclelongPage .tp-chapter-left-chapter::-webkit-scrollbar {
    display: none
}

.recyclelongPage .tp-chapter-left-bottom {
    height: 50px;
    font-size: 15px;
    text-align: center;
    line-height: 50px;
    background-color: #5d93a2;
    color: #fff
}

.recyclelongPage .tp-chapter-bottom-add {
    border-radius: 5px;
    color: #fff;
    background-color: #ec614c;
    width: 95px;
    height: 35px;
    text-align: center;
    font-size: 14px;
    line-height: 35px;
    margin-top: 12px;
    margin-left: auto;
    margin-right: auto
}

.recyclelongPage .tp-chapter-left-bottom-span {
    font-size: 19px
}

.chapterbtnlongRecyclePage:hover {
    background-color: #fff;
    border-radius: 5px
}

.chapterbtnlongRecyclePage .tp-chapter-left-content {
    font-size: 16px;
    padding-left: 20px;
    padding-top: 20px;
    width: 100%;
    height: 86px;
    overflow: hidden
}

.chapterbtnlongRecyclePage .tp-chapter-item-chapter-outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.chapterbtnlongRecyclePage .tp-chapter-item-chapter {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.chapterbtnlongRecyclePage .tp-chapter-item-chapter-state {
    width: 90px;
    text-align: center
}

.chapterbtnlongRecyclePage .color-examine {
    color: #5183b6
}

.chapterbtnlongRecyclePage .color-publish {
    color: #7cc057
}

.chapterbtnlongRecyclePage .color-reject {
    color: red
}

.chapterbtnlongRecyclePage .tcic-t {
    font-size: 14px
}

.chapterbtnlongRecyclePage .tcic-b {
    font-size: 12px;
    margin-top: 7px
}

.juanPage .tp-outer-frame {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.juanPage .tp-outer-bottom {
    width: 100%;
    height: 100px
}

.juanPage .tp-left-div {
    width: 55px;
    height: 400px
}

.juanPage .tp-left-div-1 {
    width: 20px;
    height: 400px
}

.juanPage .tp-chapter-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 230px;
    border: 1px solid #e4e9ed;
    background-color: #f6f7f9
}

.juanPage .tp-text-right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.juanPage .tp-chapter-left-title {
    width: 100%;
    height: 95px;
    border-bottom: 1px solid #e4e9ed;
    overflow: hidden
}

.juanPage .tp-chapter-big-title {
    margin-top: 23px;
    font-size: 16px;
    text-align: center
}

.juanPage .tp-chapter-small-title {
    font-size: 14px;
    color: #aeaeaf;
    text-align: center;
    margin-top: 6px
}

.juanPage .tp-chapter-left-chapter {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: scroll;
    height: 615px
}

.juanPage .tp-chapter-left-chapter::-webkit-scrollbar {
    display: none
}

.juanPage .tp-chapter-left-bottom {
    height: 50px;
    font-size: 15px;
    text-align: center;
    line-height: 50px;
    background-color: #5d93a2;
    color: #fff
}

.juanPage .tp-chapter-bottom-add {
    border-radius: 5px;
    color: #fff;
    background-color: #ec614c;
    width: 95px;
    height: 35px;
    text-align: center;
    font-size: 14px;
    line-height: 35px;
    margin-top: 12px;
    margin-left: auto;
    margin-right: auto
}

.juanPage .tp-chapter-left-bottom-span {
    font-size: 19px
}

.juanbtnlongPage:hover {
    background-color: #fff;
    border-radius: 5px
}

.juanbtnlongPage .tp-chapter-left-content {
    font-size: 16px;
    padding-left: 20px;
    padding-top: 20px;
    width: 100%;
    height: 86px;
    overflow: hidden
}

.juanbtnlongPage .tp-chapter-item-chapter-outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.juanbtnlongPage .tp-chapter-item-chapter {
    width: 134px
}

.juanbtnlongPage .tp-chapter-item-chapter-state {
    text-align: left
}

.juanbtnlongPage .color-examine {
    color: #5183b6
}

.juanbtnlongPage .color-publish {
    color: #7cc057
}

.juanbtnlongPage .color-reject {
    color: red
}

.juanbtnlongPage .tcic-t {
    font-size: 14px
}

.juanbtnlongPage .tcic-b {
    font-size: 12px;
    margin-top: 7px
}

.createchapterPage {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.createchapterPage .ta-top-div {
    height: 95px;
    background-color: #f6f7f9;
    border-top: 1px solid #e4e9ed;
    border-left: 1px solid #e4e9ed;
    border-right: 1px solid #e4e9ed;
    width: 100%
}

.createchapterPage .ta-top-p {
    font-size: 16px
}

.createchapterPage .ta-middle-div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.createchapterPage .ta-bottom-div {
    height: 60px;
    background-color: #f6f7f9;
    border-bottom: 1px solid #e4e9ed;
    border-left: 1px solid #e4e9ed;
    border-right: 1px solid #e4e9ed;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.createchapterPage .ta-middle-div-textarea {
    height: 664px!important;
    font-size: 14px;
    max-height: 686px!important
}

.createchapterPage .ant-input {
    border-radius: 0
}

.createchapterPage .ta-bottom-div-chapter {
    font-size: 14px;
    color: #999;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: 7px
}

.createchapterPage .ta-bottom-div-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 236px
}

.createchapterPage .ta-bottom-div-btn {
    width: 95px;
    height: 35px;
    margin-left: 14px;
    margin-top: 12px;
    border-radius: 5px;
    text-align: center;
    line-height: 35px;
    background-color: #e7e7e9;
    font-size: 14px!important
}

.createchapterPage .ta-active {
    color: #fff;
    background-color: #ec614c
}

.createchapterPage .cc-input-chapter {
    font-size: 16px;
    border-radius: 5px;
    margin-top: -6px
}

.createchapterPage .ttd-l-t {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.createchapterPage .ttd-l {
    margin-top: 20px;
    margin-left: 40px;
    display: inline-block
}

.createchapterPage .ttd-r {
    display: inline-block;
    float: right;
    margin-top: 16px;
    margin-right: 5px
}

.ant-calendar-picker-container {
    position: absolute;
    z-index: 1050
}

.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-topLeft,.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-topRight,.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-topLeft,.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-topRight {
    -webkit-animation-name: antSlideDownIn;
    animation-name: antSlideDownIn
}

.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-bottomLeft,.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-bottomRight,.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-bottomLeft,.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-bottomRight {
    -webkit-animation-name: antSlideUpIn;
    animation-name: antSlideUpIn
}

.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-topLeft,.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-topRight {
    -webkit-animation-name: antSlideDownOut;
    animation-name: antSlideDownOut
}

.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-bottomLeft,.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-bottomRight {
    -webkit-animation-name: antSlideUpOut;
    animation-name: antSlideUpOut
}

.ant-calendar-picker {
    position: relative;
    display: inline-block;
    outline: none;
    font-size: 12px;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.ant-calendar-picker>input {
    outline: none
}

.ant-calendar-picker-clear {
    opacity: 0;
    z-index: -1;
    position: absolute;
    right: 7px;
    background: #fff;
    top: 50%;
    font-size: 12px;
    color: #ccc;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    line-height: 14px;
    cursor: pointer;
    -webkit-transition: color .3s ease,opacity .15s ease;
    transition: color .3s ease,opacity .15s ease
}

.ant-calendar-picker-clear:hover {
    color: #999
}

.ant-calendar-picker:hover .ant-calendar-picker-clear {
    opacity: 1;
    z-index: 1
}

.ant-calendar-picker-icon {
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    width: 12px;
    height: 12px;
    line-height: 12px;
    right: 8px;
    color: #999;
    top: 50%;
    margin-top: -6px
}

.ant-calendar-picker-icon:after {
    content: "\E654";
    font-family: anticon;
    font-size: 12px;
    color: #999;
    display: inline-block;
    line-height: 1;
    vertical-align: bottom
}

.ant-calendar {
    position: relative;
    outline: none;
    width: 231px;
    border: 1px solid #d9d9d9;
    list-style: none;
    font-size: 12px;
    text-align: left;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 6px hsla(0,0%,39%,.2);
    background-clip: padding-box;
    line-height: 1.5
}

.ant-calendar-input-wrap {
    height: 34px;
    padding: 6px;
    border-bottom: 1px solid #e9e9e9
}

.ant-calendar-input {
    border: 0;
    width: 100%;
    cursor: auto;
    outline: 0;
    height: 22px
}

.ant-calendar-week-number {
    width: 286px
}

.ant-calendar-week-number-cell {
    text-align: center
}

.ant-calendar-header {
    height: 34px;
    line-height: 34px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom: 1px solid #e9e9e9
}

.ant-calendar-header a:hover {
    color: #57c5f7
}

.ant-calendar-header .ant-calendar-century-select,.ant-calendar-header .ant-calendar-decade-select,.ant-calendar-header .ant-calendar-month-select,.ant-calendar-header .ant-calendar-year-select {
    padding: 0 2px;
    font-weight: 700;
    display: inline-block;
    color: #666;
    line-height: 34px
}

.ant-calendar-header .ant-calendar-century-select-arrow,.ant-calendar-header .ant-calendar-decade-select-arrow,.ant-calendar-header .ant-calendar-month-select-arrow,.ant-calendar-header .ant-calendar-year-select-arrow {
    display: none
}

.ant-calendar-header .ant-calendar-next-century-btn,.ant-calendar-header .ant-calendar-next-decade-btn,.ant-calendar-header .ant-calendar-next-month-btn,.ant-calendar-header .ant-calendar-next-year-btn,.ant-calendar-header .ant-calendar-prev-century-btn,.ant-calendar-header .ant-calendar-prev-decade-btn,.ant-calendar-header .ant-calendar-prev-month-btn,.ant-calendar-header .ant-calendar-prev-year-btn {
    position: absolute;
    top: 0;
    color: #999;
    font-family: Arial,Hiragino Sans GB,Microsoft Yahei,Microsoft Sans Serif,sans-serif;
    padding: 0 5px;
    font-size: 16px;
    display: inline-block;
    line-height: 34px
}

.ant-calendar-header .ant-calendar-prev-century-btn,.ant-calendar-header .ant-calendar-prev-decade-btn,.ant-calendar-header .ant-calendar-prev-year-btn {
    left: 7px
}

.ant-calendar-header .ant-calendar-next-century-btn,.ant-calendar-header .ant-calendar-next-decade-btn,.ant-calendar-header .ant-calendar-next-year-btn {
    right: 7px
}

.ant-calendar-header .ant-calendar-prev-month-btn {
    left: 29px
}

.ant-calendar-header .ant-calendar-next-month-btn {
    right: 29px
}

.ant-calendar-calendar-body {
    padding: 4px 8px
}

.ant-calendar table {
    border-collapse: collapse;
    max-width: 100%;
    background-color: transparent;
    width: 100%
}

.ant-calendar table,.ant-calendar td,.ant-calendar th {
    border: 0
}

.ant-calendar-calendar-table {
    border-spacing: 0;
    margin-bottom: 0
}

.ant-calendar-column-header {
    line-height: 18px;
    width: 33px;
    padding: 6px 0;
    text-align: center
}

.ant-calendar-column-header .ant-calendar-column-header-inner {
    display: block;
    font-weight: 400
}

.ant-calendar-week-number-header .ant-calendar-column-header-inner {
    display: none
}

.ant-calendar-cell {
    padding: 4px 0
}

.ant-calendar-date {
    display: block;
    margin: 0 auto;
    color: #666;
    border-radius: 4px;
    width: 20px;
    height: 20px;
    line-height: 18px;
    border: 1px solid transparent;
    padding: 0;
    background: transparent;
    text-align: center;
    -webkit-transition: background .3s ease;
    transition: background .3s ease
}

.ant-calendar-date:hover {
    background: #eaf8fe;
    cursor: pointer
}

.ant-calendar-date:active {
    color: #fff;
    background: #57c5f7
}

.ant-calendar-today .ant-calendar-date {
    border-color: #2db7f5;
    font-weight: 700;
    color: #2db7f5
}

.ant-calendar-last-month-cell .ant-calendar-date,.ant-calendar-next-month-btn-day .ant-calendar-date {
    color: #ccc
}

.ant-calendar-selected-day .ant-calendar-date {
    background: #2db7f5;
    color: #fff;
    border: 1px solid transparent
}

.ant-calendar-selected-day .ant-calendar-date:hover {
    background: #2db7f5
}

.ant-calendar-disabled-cell .ant-calendar-date {
    cursor: not-allowed;
    color: #bcbcbc;
    background: #f3f3f3;
    border-radius: 0;
    width: auto
}

.ant-calendar-disabled-cell .ant-calendar-date:hover {
    background: #f3f3f3
}

.ant-calendar-disabled-cell-first-of-row .ant-calendar-date {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.ant-calendar-disabled-cell-last-of-row .ant-calendar-date {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.ant-calendar-footer {
    padding: 0 15px;
    height: 38px;
    line-height: 38px;
    border-top: 1px solid #e9e9e9
}

.ant-calendar-footer-btn {
    text-align: center;
    display: block;
    line-height: 38px
}

.ant-calendar-footer>div {
    display: inline-block
}

.ant-calendar .ant-calendar-clear-btn,.ant-calendar .ant-calendar-today-btn {
    display: inline-block;
    text-align: center;
    margin: 0 0 0 8px
}

.ant-calendar .ant-calendar-clear-btn-disabled,.ant-calendar .ant-calendar-today-btn-disabled {
    color: #ccc;
    cursor: not-allowed
}

.ant-calendar .ant-calendar-clear-btn {
    display: none;
    position: absolute;
    right: 5px;
    text-indent: -76px;
    overflow: hidden;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    top: 7px;
    margin: 0
}

.ant-calendar .ant-calendar-clear-btn:after {
    font-family: anticon;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\E631";
    font-size: 12px;
    color: #ccc;
    display: inline-block;
    line-height: 1;
    width: 20px;
    text-indent: 43px;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.ant-calendar .ant-calendar-clear-btn:hover:after {
    color: #999
}

.ant-calendar .ant-calendar-ok-btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    line-height: 1.5;
    padding: 4px 15px;
    border-radius: 6px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    color: #fff;
    background-color: #2db7f5;
    border-color: #2db7f5;
    padding: 1px 7px;
    font-size: 12px;
    border-radius: 4px;
    position: absolute;
    bottom: 8px;
    right: 9px
}

.ant-calendar .ant-calendar-ok-btn>.anticon {
    line-height: 1
}

.ant-calendar .ant-calendar-ok-btn,.ant-calendar .ant-calendar-ok-btn:active,.ant-calendar .ant-calendar-ok-btn:focus {
    outline: 0
}

.ant-calendar .ant-calendar-ok-btn:not([disabled]):hover {
    text-decoration: none
}

.ant-calendar .ant-calendar-ok-btn:not([disabled]):active {
    outline: 0;
    -webkit-transition: none;
    transition: none
}

.ant-calendar .ant-calendar-ok-btn.disabled,.ant-calendar .ant-calendar-ok-btn[disabled] {
    cursor: not-allowed
}

.ant-calendar .ant-calendar-ok-btn.disabled>*,.ant-calendar .ant-calendar-ok-btn[disabled]>* {
    pointer-events: none
}

.ant-calendar .ant-calendar-ok-btn-lg {
    padding: 4px 15px 5px;
    font-size: 14px;
    border-radius: 6px
}

.ant-calendar .ant-calendar-ok-btn-sm {
    padding: 1px 7px;
    font-size: 12px;
    border-radius: 4px
}

.ant-calendar .ant-calendar-ok-btn>a:only-child {
    color: currentColor
}

.ant-calendar .ant-calendar-ok-btn>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-calendar .ant-calendar-ok-btn:focus,.ant-calendar .ant-calendar-ok-btn:hover {
    color: #fff;
    background-color: #57c5f7;
    border-color: #57c5f7
}

.ant-calendar .ant-calendar-ok-btn:focus>a:only-child,.ant-calendar .ant-calendar-ok-btn:hover>a:only-child {
    color: currentColor
}

.ant-calendar .ant-calendar-ok-btn:focus>a:only-child:after,.ant-calendar .ant-calendar-ok-btn:hover>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-calendar .ant-calendar-ok-btn.active,.ant-calendar .ant-calendar-ok-btn:active {
    color: #f2f2f2;
    background-color: #2baee9;
    border-color: #2baee9
}

.ant-calendar .ant-calendar-ok-btn.active>a:only-child,.ant-calendar .ant-calendar-ok-btn:active>a:only-child {
    color: currentColor
}

.ant-calendar .ant-calendar-ok-btn.active>a:only-child:after,.ant-calendar .ant-calendar-ok-btn:active>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-calendar .ant-calendar-ok-btn.disabled,.ant-calendar .ant-calendar-ok-btn.disabled.active,.ant-calendar .ant-calendar-ok-btn.disabled:active,.ant-calendar .ant-calendar-ok-btn.disabled:focus,.ant-calendar .ant-calendar-ok-btn.disabled:hover,.ant-calendar .ant-calendar-ok-btn[disabled],.ant-calendar .ant-calendar-ok-btn[disabled].active,.ant-calendar .ant-calendar-ok-btn[disabled]:active,.ant-calendar .ant-calendar-ok-btn[disabled]:focus,.ant-calendar .ant-calendar-ok-btn[disabled]:hover,fieldset[disabled] .ant-calendar .ant-calendar-ok-btn,fieldset[disabled] .ant-calendar .ant-calendar-ok-btn.active,fieldset[disabled] .ant-calendar .ant-calendar-ok-btn:active,fieldset[disabled] .ant-calendar .ant-calendar-ok-btn:focus,fieldset[disabled] .ant-calendar .ant-calendar-ok-btn:hover {
    color: #ccc;
    background-color: #f7f7f7;
    border-color: #d9d9d9
}

.ant-calendar .ant-calendar-ok-btn.disabled.active>a:only-child,.ant-calendar .ant-calendar-ok-btn.disabled:active>a:only-child,.ant-calendar .ant-calendar-ok-btn.disabled:focus>a:only-child,.ant-calendar .ant-calendar-ok-btn.disabled:hover>a:only-child,.ant-calendar .ant-calendar-ok-btn.disabled>a:only-child,.ant-calendar .ant-calendar-ok-btn[disabled].active>a:only-child,.ant-calendar .ant-calendar-ok-btn[disabled]:active>a:only-child,.ant-calendar .ant-calendar-ok-btn[disabled]:focus>a:only-child,.ant-calendar .ant-calendar-ok-btn[disabled]:hover>a:only-child,.ant-calendar .ant-calendar-ok-btn[disabled]>a:only-child,fieldset[disabled] .ant-calendar .ant-calendar-ok-btn.active>a:only-child,fieldset[disabled] .ant-calendar .ant-calendar-ok-btn:active>a:only-child,fieldset[disabled] .ant-calendar .ant-calendar-ok-btn:focus>a:only-child,fieldset[disabled] .ant-calendar .ant-calendar-ok-btn:hover>a:only-child,fieldset[disabled] .ant-calendar .ant-calendar-ok-btn>a:only-child {
    color: currentColor
}

.ant-calendar .ant-calendar-ok-btn.disabled.active>a:only-child:after,.ant-calendar .ant-calendar-ok-btn.disabled:active>a:only-child:after,.ant-calendar .ant-calendar-ok-btn.disabled:focus>a:only-child:after,.ant-calendar .ant-calendar-ok-btn.disabled:hover>a:only-child:after,.ant-calendar .ant-calendar-ok-btn.disabled>a:only-child:after,.ant-calendar .ant-calendar-ok-btn[disabled].active>a:only-child:after,.ant-calendar .ant-calendar-ok-btn[disabled]:active>a:only-child:after,.ant-calendar .ant-calendar-ok-btn[disabled]:focus>a:only-child:after,.ant-calendar .ant-calendar-ok-btn[disabled]:hover>a:only-child:after,.ant-calendar .ant-calendar-ok-btn[disabled]>a:only-child:after,fieldset[disabled] .ant-calendar .ant-calendar-ok-btn.active>a:only-child:after,fieldset[disabled] .ant-calendar .ant-calendar-ok-btn:active>a:only-child:after,fieldset[disabled] .ant-calendar .ant-calendar-ok-btn:focus>a:only-child:after,fieldset[disabled] .ant-calendar .ant-calendar-ok-btn:hover>a:only-child:after,fieldset[disabled] .ant-calendar .ant-calendar-ok-btn>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-calendar .ant-calendar-ok-btn.active,.ant-calendar .ant-calendar-ok-btn:active,.ant-calendar .ant-calendar-ok-btn:focus,.ant-calendar .ant-calendar-ok-btn:hover {
    color: #fff
}

.ant-calendar .ant-calendar-ok-btn-disabled {
    color: #ccc;
    background-color: #f7f7f7;
    border-color: #d9d9d9;
    cursor: not-allowed
}

.ant-calendar .ant-calendar-ok-btn-disabled>a:only-child {
    color: currentColor
}

.ant-calendar .ant-calendar-ok-btn-disabled>a:only-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent
}

.ant-calendar-range-picker.ant-input {
    padding-right: 26px
}

.ant-calendar-range-picker-input {
    background-color: transparent;
    border: 0;
    height: 18px;
    line-height: 18px;
    outline: 0;
    width: 43%;
    text-align: center
}

.ant-calendar-range-picker-input[disabled] {
    cursor: not-allowed
}

.ant-calendar-range-picker-separator {
    color: #999
}

.ant-calendar-range {
    width: 470px;
    overflow: hidden
}

.ant-calendar-range-part {
    width: 50%
}

.ant-calendar-range-left {
    float: left
}

.ant-calendar-range-right {
    float: right
}

.ant-calendar-range-middle {
    position: absolute;
    left: 50%;
    width: 20px;
    margin-left: -132px;
    text-align: center;
    height: 34px;
    line-height: 34px;
    color: #999
}

.ant-calendar-range-right .ant-calendar-date-input-wrap {
    margin-left: -118px
}

.ant-calendar-range.ant-calendar-time .ant-calendar-range-middle {
    margin-left: -29px
}

.ant-calendar-range.ant-calendar-time .ant-calendar-range-right .ant-calendar-date-input-wrap {
    margin-left: -15px
}

.ant-calendar-range .ant-calendar-input-wrap {
    position: relative;
    height: 34px
}

.ant-calendar-range .ant-calendar-input {
    border: 1px solid #d9d9d9;
    border-radius: 4px
}

.ant-calendar-range .ant-calendar-input,.ant-calendar-range .ant-time-picker-input {
    position: relative;
    display: inline-block;
    padding: 4px 7px;
    width: 100%;
    height: 28px;
    cursor: text;
    font-size: 12px;
    line-height: 1.5;
    color: #666;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    -webkit-transition: border .2s cubic-bezier(.645,.045,.355,1),background .2s cubic-bezier(.645,.045,.355,1),box-shadow .2s cubic-bezier(.645,.045,.355,1);
    transition: border .2s cubic-bezier(.645,.045,.355,1),background .2s cubic-bezier(.645,.045,.355,1),box-shadow .2s cubic-bezier(.645,.045,.355,1);
    border-radius: 4px;
    height: 22px;
    width: 96px
}

.ant-calendar-range .ant-calendar-input::-moz-placeholder,.ant-calendar-range .ant-time-picker-input::-moz-placeholder {
    color: #ccc;
    opacity: 1
}

.ant-calendar-range .ant-calendar-input:-ms-input-placeholder,.ant-calendar-range .ant-time-picker-input:-ms-input-placeholder {
    color: #ccc
}

.ant-calendar-range .ant-calendar-input::-webkit-input-placeholder,.ant-calendar-range .ant-time-picker-input::-webkit-input-placeholder {
    color: #ccc
}

.ant-calendar-range .ant-calendar-input:hover,.ant-calendar-range .ant-time-picker-input:hover {
    border-color: #57c5f7
}

.ant-calendar-range .ant-calendar-input:focus,.ant-calendar-range .ant-time-picker-input:focus {
    border-color: #57c5f7;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(45,183,245,.2)
}

.ant-calendar-range .ant-calendar-input[disabled],.ant-calendar-range .ant-time-picker-input[disabled],fieldset[disabled] .ant-calendar-range .ant-calendar-input,fieldset[disabled] .ant-calendar-range .ant-time-picker-input {
    background-color: #f7f7f7;
    opacity: 1;
    cursor: not-allowed;
    color: #ccc
}

.ant-calendar-range .ant-calendar-input[disabled]:hover,.ant-calendar-range .ant-time-picker-input[disabled]:hover,fieldset[disabled] .ant-calendar-range .ant-calendar-input:hover,fieldset[disabled] .ant-calendar-range .ant-time-picker-input:hover {
    border-color: #e1e1e1
}

textarea.ant-calendar-range .ant-calendar-input,textarea.ant-calendar-range .ant-time-picker-input {
    max-width: 100%;
    height: auto;
    vertical-align: bottom
}

.ant-calendar-range .ant-calendar-input-lg,.ant-calendar-range .ant-time-picker-input-lg {
    padding: 6px 7px;
    height: 32px
}

.ant-calendar-range .ant-calendar-input-sm,.ant-calendar-range .ant-time-picker-input-sm {
    padding: 1px 7px;
    height: 22px;
    border-radius: 4px
}

.ant-calendar-range .ant-time-picker-icon {
    display: none
}

.ant-calendar-range .ant-calendar-calendar-body,.ant-calendar-range .ant-calendar-decade-panel-body,.ant-calendar-range .ant-calendar-month-panel-body,.ant-calendar-range .ant-calendar-year-panel-body {
    border-bottom: 1px solid #e9e9e9
}

.ant-calendar-range.ant-calendar-week-number {
    width: 574px
}

.ant-calendar-range.ant-calendar-week-number .ant-calendar-range-part {
    width: 286px
}

.ant-calendar-range .ant-calendar-month-panel,.ant-calendar-range .ant-calendar-year-panel {
    top: 34px
}

.ant-calendar-range .ant-calendar-month-panel .ant-calendar-year-panel {
    top: 0
}

.ant-calendar-range .ant-calendar-decade-panel-table,.ant-calendar-range .ant-calendar-month-panel-table,.ant-calendar-range .ant-calendar-year-panel-table {
    height: 208px
}

.ant-calendar-range .ant-calendar-in-range-cell {
    border-radius: 0;
    position: relative
}

.ant-calendar-range .ant-calendar-in-range-cell>div {
    position: relative;
    z-index: 1
}

.ant-calendar-range .ant-calendar-in-range-cell:before {
    content: '';
    display: block;
    background: #eaf8fe;
    border-radius: 0;
    border: 0;
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 0;
    right: 0
}

.ant-calendar-range-bottom {
    text-align: right
}

.ant-calendar-range .ant-calendar-ok-btn {
    position: static;
    height: 22px;
    margin: 8px
}

.ant-calendar-range .ant-calendar-today-btn {
    margin: 8px 12px;
    height: 22px;
    line-height: 22px
}

.ant-calendar-time .ant-calendar-input-wrap {
    direction: rtl
}

.ant-calendar-time .ant-calendar-input-wrap .ant-calendar-date-input-wrap,.ant-calendar-time .ant-calendar-input-wrap .ant-calendar-time-picker-wrap {
    direction: ltr;
    display: inline-block
}

.ant-calendar-time .ant-calendar-input-wrap .ant-calendar-clear-btn,.ant-calendar-time .ant-calendar-input-wrap .ant-time-picker-panel {
    direction: ltr
}

.ant-calendar-time .ant-calendar-input,.ant-calendar-time .ant-time-picker-input {
    position: relative;
    display: inline-block;
    padding: 4px 7px;
    width: 100%;
    height: 28px;
    cursor: text;
    font-size: 12px;
    line-height: 1.5;
    color: #666;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    -webkit-transition: border .2s cubic-bezier(.645,.045,.355,1),background .2s cubic-bezier(.645,.045,.355,1),box-shadow .2s cubic-bezier(.645,.045,.355,1);
    transition: border .2s cubic-bezier(.645,.045,.355,1),background .2s cubic-bezier(.645,.045,.355,1),box-shadow .2s cubic-bezier(.645,.045,.355,1);
    border-radius: 4px;
    height: 22px;
    width: 96px;
    margin-right: 6px
}

.ant-calendar-time .ant-calendar-input::-moz-placeholder,.ant-calendar-time .ant-time-picker-input::-moz-placeholder {
    color: #ccc;
    opacity: 1
}

.ant-calendar-time .ant-calendar-input:-ms-input-placeholder,.ant-calendar-time .ant-time-picker-input:-ms-input-placeholder {
    color: #ccc
}

.ant-calendar-time .ant-calendar-input::-webkit-input-placeholder,.ant-calendar-time .ant-time-picker-input::-webkit-input-placeholder {
    color: #ccc
}

.ant-calendar-time .ant-calendar-input:hover,.ant-calendar-time .ant-time-picker-input:hover {
    border-color: #57c5f7
}

.ant-calendar-time .ant-calendar-input:focus,.ant-calendar-time .ant-time-picker-input:focus {
    border-color: #57c5f7;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(45,183,245,.2)
}

.ant-calendar-time .ant-calendar-input[disabled],.ant-calendar-time .ant-time-picker-input[disabled],fieldset[disabled] .ant-calendar-time .ant-calendar-input,fieldset[disabled] .ant-calendar-time .ant-time-picker-input {
    background-color: #f7f7f7;
    opacity: 1;
    cursor: not-allowed;
    color: #ccc
}

.ant-calendar-time .ant-calendar-input[disabled]:hover,.ant-calendar-time .ant-time-picker-input[disabled]:hover,fieldset[disabled] .ant-calendar-time .ant-calendar-input:hover,fieldset[disabled] .ant-calendar-time .ant-time-picker-input:hover {
    border-color: #e1e1e1
}

textarea.ant-calendar-time .ant-calendar-input,textarea.ant-calendar-time .ant-time-picker-input {
    max-width: 100%;
    height: auto;
    vertical-align: bottom
}

.ant-calendar-time .ant-calendar-input-lg,.ant-calendar-time .ant-time-picker-input-lg {
    padding: 6px 7px;
    height: 32px
}

.ant-calendar-time .ant-calendar-input-sm,.ant-calendar-time .ant-time-picker-input-sm {
    padding: 1px 7px;
    height: 22px;
    border-radius: 4px
}

.ant-calendar-time .ant-calendar-input {
    padding-right: 21px
}

.ant-calendar-time .ant-time-picker-panel {
    min-width: 168px
}

.ant-calendar-time .ant-time-picker-icon {
    display: none
}

.ant-calendar-month-panel {
    left: 0;
    top: 34px;
    bottom: 0;
    right: 0;
    background: #fff;
    z-index: 10;
    position: absolute;
    outline: none;
    border-radius: 6px
}

.ant-calendar-month-panel-hidden {
    display: none
}

.ant-calendar-month-panel-header {
    height: 34px;
    line-height: 34px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom: 1px solid #e9e9e9
}

.ant-calendar-month-panel-header a:hover {
    color: #57c5f7
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-century-select,.ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select,.ant-calendar-month-panel-header .ant-calendar-month-panel-month-select,.ant-calendar-month-panel-header .ant-calendar-month-panel-year-select {
    padding: 0 2px;
    font-weight: 700;
    display: inline-block;
    color: #666;
    line-height: 34px
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-century-select-arrow,.ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select-arrow,.ant-calendar-month-panel-header .ant-calendar-month-panel-month-select-arrow,.ant-calendar-month-panel-header .ant-calendar-month-panel-year-select-arrow {
    display: none
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn,.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn,.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn,.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn,.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn,.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn,.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn,.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn {
    position: absolute;
    top: 0;
    color: #999;
    font-family: Arial,Hiragino Sans GB,Microsoft Yahei,Microsoft Sans Serif,sans-serif;
    padding: 0 5px;
    font-size: 16px;
    display: inline-block;
    line-height: 34px
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn,.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn,.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn {
    left: 7px
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn,.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn,.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn {
    right: 7px
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn {
    left: 29px
}

.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn {
    right: 29px
}

.ant-calendar-month-panel-table {
    table-layout: fixed;
    width: 100%;
    height: 248px;
    border-collapse: separate
}

.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month,.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month:hover {
    background: #2db7f5;
    color: #fff
}

.ant-calendar-month-panel-cell {
    text-align: center
}

.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month,.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month:hover {
    cursor: not-allowed;
    color: #bcbcbc;
    background: #f3f3f3
}

.ant-calendar-month-panel-month {
    display: inline-block;
    margin: 0 auto;
    color: #666;
    background: transparent;
    text-align: center;
    height: 24px;
    line-height: 24px;
    padding: 0 6px;
    border-radius: 4px;
    -webkit-transition: background .3s ease;
    transition: background .3s ease
}

.ant-calendar-month-panel-month:hover {
    background: #eaf8fe;
    cursor: pointer
}

.ant-calendar-year-panel {
    left: 0;
    top: 34px;
    bottom: 0;
    right: 0;
    background: #fff;
    z-index: 10;
    position: absolute;
    outline: none;
    border-radius: 6px
}

.ant-calendar-year-panel-hidden {
    display: none
}

.ant-calendar-year-panel-header {
    height: 34px;
    line-height: 34px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom: 1px solid #e9e9e9
}

.ant-calendar-year-panel-header a:hover {
    color: #57c5f7
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-century-select,.ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select,.ant-calendar-year-panel-header .ant-calendar-year-panel-month-select,.ant-calendar-year-panel-header .ant-calendar-year-panel-year-select {
    padding: 0 2px;
    font-weight: 700;
    display: inline-block;
    color: #666;
    line-height: 34px
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-century-select-arrow,.ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select-arrow,.ant-calendar-year-panel-header .ant-calendar-year-panel-month-select-arrow,.ant-calendar-year-panel-header .ant-calendar-year-panel-year-select-arrow {
    display: none
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn,.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn,.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn,.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn,.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn,.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn,.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn,.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn {
    position: absolute;
    top: 0;
    color: #999;
    font-family: Arial,Hiragino Sans GB,Microsoft Yahei,Microsoft Sans Serif,sans-serif;
    padding: 0 5px;
    font-size: 16px;
    display: inline-block;
    line-height: 34px
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn,.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn,.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn {
    left: 7px
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn,.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn,.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn {
    right: 7px
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn {
    left: 29px
}

.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn {
    right: 29px
}

.ant-calendar-year-panel-table {
    table-layout: fixed;
    width: 100%;
    height: 248px;
    border-collapse: separate
}

.ant-calendar-year-panel-cell {
    text-align: center
}

.ant-calendar-year-panel-year {
    display: inline-block;
    margin: 0 auto;
    color: #666;
    background: transparent;
    text-align: center;
    height: 24px;
    line-height: 24px;
    padding: 0 6px;
    border-radius: 4px;
    -webkit-transition: background .3s ease;
    transition: background .3s ease
}

.ant-calendar-year-panel-year:hover {
    background: #eaf8fe;
    cursor: pointer
}

.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year,.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year:hover {
    background: #2db7f5;
    color: #fff
}

.ant-calendar-year-panel-last-decade-cell .ant-calendar-year-panel-year,.ant-calendar-year-panel-next-decade-cell .ant-calendar-year-panel-year {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ant-calendar-year-panel-last-decade-cell .ant-calendar-year-panel-year:before,.ant-calendar-year-panel-next-decade-cell .ant-calendar-year-panel-year:before {
    content: "\E600";
    font-family: anticon!important
}

.ant-calendar-year-panel-last-decade-cell .ant-calendar-year-panel-year:before {
    content: "\E601"
}

.ant-calendar-decade-panel {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    z-index: 10;
    position: absolute;
    outline: none;
    border-radius: 6px
}

.ant-calendar-decade-panel-hidden {
    display: none
}

.ant-calendar-decade-panel-header {
    height: 34px;
    line-height: 34px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom: 1px solid #e9e9e9
}

.ant-calendar-decade-panel-header a:hover {
    color: #57c5f7
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select,.ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select,.ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select,.ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select {
    padding: 0 2px;
    font-weight: 700;
    display: inline-block;
    color: #666;
    line-height: 34px
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select-arrow,.ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select-arrow,.ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select-arrow,.ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select-arrow {
    display: none
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn,.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn,.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn,.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn,.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn,.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn,.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn,.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn {
    position: absolute;
    top: 0;
    color: #999;
    font-family: Arial,Hiragino Sans GB,Microsoft Yahei,Microsoft Sans Serif,sans-serif;
    padding: 0 5px;
    font-size: 16px;
    display: inline-block;
    line-height: 34px
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn,.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn,.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn {
    left: 7px
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn,.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn,.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn {
    right: 7px
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn {
    left: 29px
}

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn {
    right: 29px
}

.ant-calendar-decade-panel-table {
    table-layout: fixed;
    width: 100%;
    height: 248px;
    border-collapse: separate
}

.ant-calendar-decade-panel-cell {
    text-align: center
}

.ant-calendar-decade-panel-decade {
    display: inline-block;
    margin: 0 auto;
    color: #666;
    background: transparent;
    text-align: center;
    height: 24px;
    line-height: 24px;
    padding: 0 6px;
    border-radius: 4px;
    -webkit-transition: background .3s ease;
    transition: background .3s ease
}

.ant-calendar-decade-panel-decade:hover {
    background: #eaf8fe;
    cursor: pointer
}

.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade,.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade:hover {
    background: #2db7f5;
    color: #fff
}

.ant-calendar-decade-panel-last-century-cell .ant-calendar-decade-panel-decade,.ant-calendar-decade-panel-next-century-cell .ant-calendar-decade-panel-decade {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ant-calendar-decade-panel-last-century-cell .ant-calendar-decade-panel-decade:before,.ant-calendar-decade-panel-next-century-cell .ant-calendar-decade-panel-decade:before {
    content: "\E600";
    font-family: anticon!important
}

.ant-calendar-decade-panel-last-century-cell .ant-calendar-decade-panel-decade:before {
    content: "\E601"
}

.ant-calendar-month .ant-calendar-month-panel,.ant-calendar-month .ant-calendar-year-panel {
    top: 0
}

.ant-time-picker-panel {
    max-width: 168px;
    z-index: 1050;
    position: absolute
}

.ant-time-picker-panel-inner {
    display: inline-block;
    position: relative;
    outline: none;
    border: 1px solid #d9d9d9;
    list-style: none;
    font-size: 12px;
    text-align: left;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 6px hsla(0,0%,39%,.2);
    background-clip: padding-box;
    border: 1px solid #ccc;
    line-height: 1.5;
    overflow: hidden
}

.ant-time-picker-panel-input {
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    cursor: auto;
    line-height: 1.5;
    outline: 0
}

.ant-time-picker-panel-input-wrap {
    box-sizing: border-box;
    position: relative;
    padding: 6px;
    border-bottom: 1px solid #e9e9e9
}

.ant-time-picker-panel-input-invalid {
    border-color: red
}

.ant-time-picker-panel-clear-btn {
    position: absolute;
    right: 5px;
    cursor: pointer;
    overflow: hidden;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    top: 5px;
    margin: 0
}

.ant-time-picker-panel-clear-btn:after {
    font-size: 12px;
    color: #ccc;
    display: inline-block;
    line-height: 1;
    width: 20px;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    font-family: anticon;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\E631"
}

.ant-time-picker-panel-clear-btn:hover:after {
    color: #999
}

.ant-time-picker-panel-narrow .ant-time-picker-panel-input-wrap {
    max-width: 111px
}

.ant-time-picker-panel-select {
    float: left;
    font-size: 12px;
    border: 1px solid #e9e9e9;
    border-width: 0 1px;
    margin-left: -1px;
    box-sizing: border-box;
    width: 56px;
    overflow: hidden;
    position: relative
}

.ant-time-picker-panel-select:hover {
    overflow-y: auto
}

.ant-time-picker-panel-select:first-child {
    border-left: 0;
    margin-left: 0
}

.ant-time-picker-panel-select:last-child {
    border-right: 0
}

.ant-time-picker-panel-select ul {
    list-style: none;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: 100%;
    max-height: 144px
}

.ant-time-picker-panel-select li {
    list-style: none;
    box-sizing: content-box;
    margin: 0;
    padding: 0 0 0 16px;
    width: 100%;
    height: 24px;
    line-height: 24px;
    text-align: left;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: background .3s ease;
    transition: background .3s ease
}

.ant-time-picker-panel-select li:last-child:after {
    content: '';
    height: 120px;
    display: block
}

.ant-time-picker-panel-select li:hover {
    background: #eaf8fe
}

li.ant-time-picker-panel-select-option-selected {
    background: #f7f7f7;
    font-weight: 700
}

li.ant-time-picker-panel-select-option-disabled {
    color: #ccc
}

li.ant-time-picker-panel-select-option-disabled:hover {
    background: transparent;
    cursor: not-allowed
}

.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topLeft,.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topRight,.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topLeft,.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topRight {
    -webkit-animation-name: antSlideDownIn;
    animation-name: antSlideDownIn
}

.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomLeft,.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomRight,.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomLeft,.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomRight {
    -webkit-animation-name: antSlideUpIn;
    animation-name: antSlideUpIn
}

.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topLeft,.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topRight {
    -webkit-animation-name: antSlideDownOut;
    animation-name: antSlideDownOut
}

.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomLeft,.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomRight {
    -webkit-animation-name: antSlideUpOut;
    animation-name: antSlideUpOut
}

.ant-time-picker {
    outline: none;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.ant-time-picker,.ant-time-picker-input {
    position: relative;
    display: inline-block;
    font-size: 12px
}

.ant-time-picker-input {
    padding: 4px 7px;
    width: 100%;
    height: 28px;
    cursor: text;
    line-height: 1.5;
    color: #666;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    -webkit-transition: border .2s cubic-bezier(.645,.045,.355,1),background .2s cubic-bezier(.645,.045,.355,1),box-shadow .2s cubic-bezier(.645,.045,.355,1);
    transition: border .2s cubic-bezier(.645,.045,.355,1),background .2s cubic-bezier(.645,.045,.355,1),box-shadow .2s cubic-bezier(.645,.045,.355,1);
    width: 100px
}

.ant-time-picker-input::-moz-placeholder {
    color: #ccc;
    opacity: 1
}

.ant-time-picker-input:-ms-input-placeholder {
    color: #ccc
}

.ant-time-picker-input::-webkit-input-placeholder {
    color: #ccc
}

.ant-time-picker-input:hover {
    border-color: #57c5f7
}

.ant-time-picker-input:focus {
    border-color: #57c5f7;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(45,183,245,.2)
}

.ant-time-picker-input[disabled],fieldset[disabled] .ant-time-picker-input {
    background-color: #f7f7f7;
    opacity: 1;
    cursor: not-allowed;
    color: #ccc
}

.ant-time-picker-input[disabled]:hover,fieldset[disabled] .ant-time-picker-input:hover {
    border-color: #e1e1e1
}

textarea.ant-time-picker-input {
    max-width: 100%;
    height: auto;
    vertical-align: bottom
}

.ant-time-picker-input-lg {
    padding: 6px 7px;
    height: 32px
}

.ant-time-picker-input-sm {
    padding: 1px 7px;
    height: 22px;
    border-radius: 4px
}

.ant-time-picker-large .ant-time-picker-input {
    padding: 6px 7px;
    height: 32px
}

.ant-time-picker-small .ant-time-picker-input {
    padding: 1px 7px;
    height: 22px;
    border-radius: 4px
}

.ant-time-picker-open {
    opacity: 0
}

.ant-time-picker-icon {
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    width: 12px;
    height: 12px;
    line-height: 12px;
    right: 8px;
    color: #999;
    top: 50%;
    margin-top: -6px
}

.ant-time-picker-icon:after {
    content: "\E643";
    font-family: anticon;
    font-size: 12px;
    color: #999;
    display: inline-block;
    line-height: 1;
    vertical-align: bottom
}

.createchapterlongPage {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.createchapterlongPage .ta-top-div-t {
    height: 95px;
    display: table;
    width: 100%
}

.createchapterlongPage .ta-top-div,.createchapterlongPage .ta-top-div-t {
    background-color: #f6f7f9;
    border-top: 1px solid #e4e9ed;
    border-left: 1px solid #e4e9ed;
    border-right: 1px solid #e4e9ed
}

.createchapterlongPage .ta-top-div {
    height: 63px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.createchapterlongPage .ta-top-p,.createchapterlongPage .ta-top-p-juan {
    font-size: 16px;
    line-height: 60px;
    margin-left: 20px
}

.createchapterlongPage .ta-top-p-shang {
    font-size: 16px;
    line-height: 60px;
    margin-left: 22px
}

.createchapterlongPage .ta-middle-div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.createchapterlongPage .ta-bottom-div {
    height: 60px;
    background-color: #f6f7f9;
    border-bottom: 1px solid #e4e9ed;
    border-left: 1px solid #e4e9ed;
    border-right: 1px solid #e4e9ed;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.createchapterlongPage .ta-middle-div-textarea {
    height: 502px!important;
    font-size: 14px
}

.createchapterlongPage .ant-input {
    border-radius: 0
}

.createchapterlongPage .ta-bottom-div-chapter {
    font-size: 14px;
    margin-left: 20px;
    color: #999
}

.createchapterlongPage .ta-bottom-div-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 236px
}

.createchapterlongPage .ta-bottom-div-btns-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    position: absolute;
    right: 3%
}

.createchapterlongPage .ta-bottom-div-btn {
    width: 95px;
    height: 35px;
    margin-left: 14px;
    margin-top: 12px;
    border-radius: 5px;
    text-align: center;
    line-height: 35px;
    background-color: #e7e7e9;
    font-size: 14px!important
}

.createchapterlongPage .ta-active {
    color: #fff;
    background-color: #ec614c
}

.createchapterlongPage .cc-input-chapter {
    font-size: 16px;
    border-radius: 5px;
    margin-top: 13px
}

.createchapterlongPage .ccl-checkbox-time {
    margin-left: 18px;
    padding-top: 21px
}

.createchapterlongPage .ccl-juan-select-b {
    padding-top: 3px
}

.createchapterlongPage .ccl-datepicker {
    margin-left: 18px;
    padding-top: 17px
}

.createchapterlongPage .ta-top-p-shang-text {
    font-size: 16px;
    line-height: 60px
}

.createchapterlongPage .ccl-bottom-border {
    border-bottom: 1px solid #e4e9ed;
    height: 100px
}

.createchapterlongPage .ccl-author-lan {
    width: 100%;
    height: 80px!important
}

.createchapterlongPage .ccl-author-lan-div {
    width: 60%;
    padding-top: 10px
}

.createchapterlongPage .ccl-modify-lan {
    line-height: 100px
}

.createchapterlongPage .ccl-author-lan-limit {
    line-height: 167px;
    font-size: 14px!important
}

.createchapterlongPage .ttd-l-t {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.createchapterlongPage .ttd-l {
    display: inline-block
}

.createchapterlongPage .ttd-r {
    display: inline-block;
    float: right;
    margin-top: 16px
}

.modifychapterPage {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.modifychapterPage .ta-top-div-t {
    height: 95px;
    display: table;
    width: 100%
}

.modifychapterPage .ta-top-div,.modifychapterPage .ta-top-div-t {
    background-color: #f6f7f9;
    border-top: 1px solid #e4e9ed;
    border-left: 1px solid #e4e9ed;
    border-right: 1px solid #e4e9ed
}

.modifychapterPage .ta-top-div {
    height: 63px
}

.modifychapterPage .ta-flex-display {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.modifychapterPage .ta-top-p,.modifychapterPage .ta-top-p-juan {
    font-size: 16px;
    line-height: 60px;
    margin-left: 20px
}

.modifychapterPage .ta-top-p-shang {
    font-size: 16px;
    line-height: 60px;
    margin-left: 22px
}

.modifychapterPage .ta-middle-div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.modifychapterPage .ta-bottom-div {
    height: 60px;
    background-color: #f6f7f9;
    border-bottom: 1px solid #e4e9ed;
    border-left: 1px solid #e4e9ed;
    border-right: 1px solid #e4e9ed;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.modifychapterPage .ta-middle-div-textarea {
    height: 502px!important;
    font-size: 14px
}

.modifychapterPage .ant-input {
    border-radius: 0
}

.modifychapterPage .ta-bottom-div-chapter {
    margin-left: 20px;
    font-size: 14px;
    color: #999
}

.modifychapterPage .ta-bottom-div-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.modifychapterPage .ta-bottom-div-btn {
    width: 95px;
    height: 35px;
    margin-top: 12px;
    border-radius: 5px;
    text-align: center;
    line-height: 35px;
    background-color: #e7e7e9;
    font-size: 14px!important;
    margin-right: 20px
}

.modifychapterPage .ta-active {
    color: #fff;
    background-color: #ec614c
}

.modifychapterPage .cc-input-chapter {
    font-size: 16px;
    border-radius: 5px;
    margin-top: 13px
}

.modifychapterPage .ccl-checkbox-time {
    margin-left: 18px;
    padding-top: 21px
}

.modifychapterPage .ccl-juan-select-b {
    padding-top: 3px
}

.modifychapterPage .ccl-datepicker {
    margin-left: 18px;
    padding-top: 17px
}

.modifychapterPage .ta-top-p-shang-text {
    font-size: 16px;
    line-height: 60px
}

.modifychapterPage .ccl-bottom-border {
    border-bottom: 1px solid #e4e9ed;
    height: 100px
}

.modifychapterPage .ccl-author-lan {
    width: 100%;
    height: 80px!important
}

.modifychapterPage .ccl-author-lan-div {
    width: 60%;
    padding-top: 10px
}

.modifychapterPage .ccl-modify-lan {
    line-height: 100px
}

.modifychapterPage .ccl-author-lan-limit {
    line-height: 167px;
    font-size: 14px!important
}

.modifychapterPage .ta-bottom-div-btns-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    position: absolute;
    right: 0
}

.modifychapterPage .opa {
    opacity: 0
}

.modifychapterPage .ttd-l-t {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.modifychapterPage .ttd-l {
    display: inline-block
}

.modifychapterPage .ttd-r {
    display: inline-block;
    float: right;
    margin-top: 16px
}

.createjuanPage {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.createjuanPage .ta-top-div {
    height: 95px;
    background-color: #f6f7f9;
    border-top: 1px solid #e4e9ed;
    border-left: 1px solid #e4e9ed;
    border-right: 1px solid #e4e9ed;
    display: table;
    width: 100%
}

.createjuanPage .ta-top-p {
    font-size: 16px;
    margin-top: 4px
}

.createjuanPage .ta-middle-div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.createjuanPage .ta-bottom-div {
    height: 60px;
    background-color: #f6f7f9;
    border-bottom: 1px solid #e4e9ed;
    border-left: 1px solid #e4e9ed;
    border-right: 1px solid #e4e9ed;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.createjuanPage .ta-middle-div-textarea {
    height: 668px!important;
    font-size: 14px;
    max-height: 668px!important
}

.createjuanPage .ant-input {
    border-radius: 0
}

.createjuanPage .ta-bottom-div-chapter {
    font-size: 14px;
    color: #999;
    margin-top: 5px
}

.createjuanPage .ta-bottom-div-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    width: 236px
}

.createjuanPage .ta-bottom-div-btn {
    width: 95px;
    height: 35px;
    margin-right: 14px;
    margin-top: 12px;
    border-radius: 5px;
    text-align: center;
    line-height: 35px;
    background-color: #e7e7e9;
    font-size: 14px!important
}

.createjuanPage .ta-active {
    color: #fff;
    background-color: #ec614c
}

.createjuanPage .cc-input-chapter {
    font-size: 16px;
    border-radius: 5px
}

.createjuanPage .ttd-l-t {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.createjuanPage .ttd-l {
    margin-top: 18px;
    margin-left: 40px;
    display: inline-block
}

.createjuanPage .ttd-r {
    display: inline-block;
    float: right;
    margin-top: 16px
}

.modifyjuanPage {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.modifyjuanPage .ta-top-div {
    height: 95px;
    background-color: #f6f7f9;
    border-top: 1px solid #e4e9ed;
    border-left: 1px solid #e4e9ed;
    border-right: 1px solid #e4e9ed
}

.modifyjuanPage .ta-flex-display {
    display: table;
    width: 100%
}

.modifyjuanPage .ta-top-p {
    font-size: 16px;
    line-height: 34px
}

.modifyjuanPage .ta-middle-div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.modifyjuanPage .ta-bottom-div {
    height: 60px;
    background-color: #f6f7f9;
    border-bottom: 1px solid #e4e9ed;
    border-left: 1px solid #e4e9ed;
    border-right: 1px solid #e4e9ed;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.modifyjuanPage .ta-middle-div-textarea {
    height: 668px!important;
    font-size: 14px;
    max-height: 668px!important
}

.modifyjuanPage .ant-input {
    border-radius: 0
}

.modifyjuanPage .ta-bottom-div-chapter {
    font-size: 14px;
    color: #999;
    margin-top: 5px
}

.modifyjuanPage .ta-bottom-div-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    width: 236px
}

.modifyjuanPage .ta-bottom-div-btn {
    width: 95px;
    height: 35px;
    margin-right: 14px;
    margin-top: 12px;
    border-radius: 5px;
    text-align: center;
    line-height: 35px;
    background-color: #e7e7e9;
    font-size: 14px!important
}

.modifyjuanPage .ta-active {
    color: #fff;
    background-color: #ec614c
}

.modifyjuanPage .cc-input-chapter {
    font-size: 16px;
    border-radius: 5px
}

.modifyjuanPage .ttd-l-t {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.modifyjuanPage .ttd-l {
    margin-top: 18px;
    margin-left: 40px;
    display: inline-block
}

.modifyjuanPage .ttd-r {
    display: inline-block;
    float: right;
    margin-top: 16px
}

.textareaPage {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.textareaPage .ta-top-div {
    height: 95px;
    background-color: #f6f7f9;
    border-top: 1px solid #e4e9ed;
    border-left: 1px solid #e4e9ed;
    border-right: 1px solid #e4e9ed;
    width: 100%
}

.textareaPage .ta-top-p {
    font-size: 16px
}

.textareaPage .ta-middle-div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.textareaPage .ta-bottom-div,.textareaPage .ta-flex-display {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.textareaPage .ta-bottom-div {
    height: 60px;
    background-color: #f6f7f9;
    border-bottom: 1px solid #e4e9ed;
    border-left: 1px solid #e4e9ed;
    border-right: 1px solid #e4e9ed;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.textareaPage .ta-middle-div-textarea {
    height: 664px!important;
    font-size: 14px;
    border-radius: 0;
    border: 1px solid #e4e9ed;
    max-height: 686px!important
}

.textareaPage .ta-middle-div-textarea:hover {
    border: 1px solid #57c5f7!important
}

.textareaPage .ta-bottom-div-chapter {
    font-size: 14px;
    color: #999;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: 7px
}

.textareaPage .ta-bottom-div-btns {
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.textareaPage .ta-bottom-div-btns,.textareaPage .ta-bottom-div-btns-reverse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    width: 236px
}

.textareaPage .ta-bottom-div-btns-reverse {
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.textareaPage .ta-bottom-div-btn-reverse {
    margin-right: 14px
}

.textareaPage .ta-bottom-div-btn,.textareaPage .ta-bottom-div-btn-reverse {
    width: 95px;
    height: 35px;
    margin-left: 14px;
    margin-top: 12px;
    border-radius: 5px;
    text-align: center;
    line-height: 35px;
    background-color: #e7e7e9;
    font-size: 14px!important
}

.textareaPage .ta-active {
    color: #fff;
    background-color: #ec614c
}

.textareaPage .hide {
    display: none
}

.textareaPage .cc-input-chapter {
    font-size: 16px;
    border-radius: 5px;
    margin-top: -5px
}

.textareaPage .ant-input[disabled] {
    color: #666
}

.textareaPage .ta-bottom-div-btns-edite {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 235px
}

.textareaPage .ta-bottom-div-btns-edite-reverse,.textareaPage .ta-bottom-div-btns-edite-shenhe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    width: 235px
}

.textareaPage .ta-bottom-div-btn-shenhe {
    width: 95px;
    height: 35px;
    margin-left: 14px;
    margin-top: 12px;
    border-radius: 5px;
    text-align: center;
    line-height: 35px;
    margin-right: 15px;
    font-size: 14px!important
}

.textareaPage .ttd-l-t {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.textareaPage .ttd-l {
    margin-top: 20px;
    margin-left: 40px;
    display: inline-block
}

.textareaPage .ttd-r {
    display: inline-block;
    float: right;
    margin-top: 16px;
    margin-right: 5px
}

.textarealongPage-ta {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.textarealongPage-ta .ta-top-div {
    height: 95px;
    background-color: #f6f7f9;
    border-top: 1px solid #e4e9ed;
    border-left: 1px solid #e4e9ed;
    border-right: 1px solid #e4e9ed;
    display: table;
    width: 100%
}

.textarealongPage-ta .ta-top-p {
    font-size: 16px
}

.textarealongPage-ta .ta-middle-div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.textarealongPage-ta .ta-bottom-div {
    height: 60px;
    background-color: #f6f7f9;
    border-bottom: 1px solid #e4e9ed;
    border-left: 1px solid #e4e9ed;
    border-right: 1px solid #e4e9ed;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.textarealongPage-ta .ta-middle-div-textarea {
    border-radius: 0;
    border: 1px solid #e4e9ed;
    height: 666px!important;
    font-size: 14px;
    max-height: 668px!important
}

.textarealongPage-ta .ta-middle-div-textarea:hover {
    border: 1px solid #57c5f7!important
}

.textarealongPage-ta .ta-bottom-div-chapter {
    font-size: 14px;
    margin-top: 7px;
    color: #999
}

.textarealongPage-ta .ta-bottom-div-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: reverse!important;
    -ms-flex-direction: row-reverse!important;
    flex-direction: row-reverse!important;
    width: 236px;
    margin-right: 20px
}

.textarealongPage-ta .ta-bottom-div-btn {
    width: 95px;
    height: 35px;
    margin-left: 14px;
    margin-top: 12px;
    border-radius: 5px;
    text-align: center;
    line-height: 35px;
    background-color: #e7e7e9;
    font-size: 14px!important
}

.textarealongPage-ta .ta-active {
    color: #fff;
    background-color: #ec614c
}

.textarealongPage-ta .hide {
    display: none
}

.textarealongPage-ta .cc-input-chapter {
    font-size: 16px;
    border-radius: 5px;
    margin-top: 13px
}

.textarealongPage-ta .ant-input[disabled] {
    color: #666
}

.textarealongPage-ta .ta-bottom-div-btns-edite {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 235px
}

.textarealongPage-ta .ta-bottom-div-btns-edite-shenhe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    width: 235px
}

.textarealongPage-ta .ta-bottom-div-btn-shenhe {
    width: 95px;
    height: 35px;
    margin-left: 14px;
    margin-top: 12px;
    border-radius: 5px;
    text-align: center;
    line-height: 35px;
    margin-right: 15px;
    font-size: 14px!important
}

.textarealongPage-ta .ttd-l-t {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.textarealongPage-ta .ttd-l {
    margin-top: 20px;
    margin-left: 40px;
    display: inline-block
}

.textarealongPage-ta .ttd-r {
    display: inline-block;
    float: right;
    margin-top: 16px
}

.textarealongPage-draft {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.textarealongPage-draft .ta-top-div {
    height: 95px;
    background-color: #f6f7f9;
    border-top: 1px solid #e4e9ed;
    border-left: 1px solid #e4e9ed;
    border-right: 1px solid #e4e9ed;
    display: table;
    width: 100%
}

.textarealongPage-draft .ta-top-p {
    font-size: 16px
}

.textarealongPage-draft .ta-middle-div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.textarealongPage-draft .ta-bottom-div {
    height: 60px;
    background-color: #f6f7f9;
    border-bottom: 1px solid #e4e9ed;
    border-left: 1px solid #e4e9ed;
    border-right: 1px solid #e4e9ed;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.textarealongPage-draft .ta-middle-div-textarea {
    border-radius: 0;
    border: 1px solid #e4e9ed;
    height: 666px!important;
    font-size: 14px;
    max-height: 668px!important
}

.textarealongPage-draft .ta-middle-div-textarea:hover {
    border: 1px solid #57c5f7!important
}

.textarealongPage-draft .ta-bottom-div-chapter {
    font-size: 14px;
    color: #999;
    margin-top: 7px
}

.textarealongPage-draft .ta-bottom-div-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-right: 13px
}

.textarealongPage-draft .ta-bottom-div-btn {
    padding: 0 10px;
    height: 35px;
    margin-left: 14px;
    margin-top: 12px;
    border-radius: 5px;
    text-align: center;
    line-height: 35px;
    background-color: #e7e7e9;
    font-size: 14px!important
}

.textarealongPage-draft .ta-active {
    color: #fff;
    background-color: #ec614c
}

.textarealongPage-draft .hide {
    display: none
}

.textarealongPage-draft .cc-input-chapter {
    font-size: 16px;
    border-radius: 5px;
    margin-top: 13px
}

.textarealongPage-draft .ant-input[disabled] {
    color: #666
}

.textarealongPage-draft .ta-bottom-div-btns-edite {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 235px
}

.textarealongPage-draft .ta-bottom-div-btns-edite-shenhe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    width: 235px
}

.textarealongPage-draft .ta-bottom-div-btn-shenhe {
    width: 95px;
    height: 35px;
    margin-left: 14px;
    margin-top: 12px;
    border-radius: 5px;
    text-align: center;
    line-height: 35px;
    margin-right: 15px;
    font-size: 14px!important
}

.textarealongPage-draft .ttd-l-t {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.textarealongPage-draft .ttd-l {
    margin-top: 20px;
    margin-left: 40px;
    display: inline-block
}

.textarealongPage-draft .ttd-r {
    display: inline-block;
    float: right;
    margin-top: 16px;
    margin-right: 10px
}

.textarealongPage {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.textarealongPage .ta-top-div {
    height: 95px;
    background-color: #f6f7f9;
    border-top: 1px solid #e4e9ed;
    border-left: 1px solid #e4e9ed;
    border-right: 1px solid #e4e9ed;
    display: table;
    width: 100%
}

.textarealongPage .ta-top-p {
    font-size: 16px
}

.textarealongPage .ta-middle-div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.textarealongPage .ta-bottom-div {
    height: 60px;
    background-color: #f6f7f9;
    border-bottom: 1px solid #e4e9ed;
    border-left: 1px solid #e4e9ed;
    border-right: 1px solid #e4e9ed;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.textarealongPage .ta-middle-div-textarea {
    border-radius: 0;
    border: 1px solid #e4e9ed;
    height: 666px!important;
    font-size: 14px;
    max-height: 668px!important
}

.textarealongPage .ta-middle-div-textarea:hover {
    border: 1px solid #57c5f7!important
}

.textarealongPage .ta-bottom-div-chapter {
    font-size: 14px;
    color: #999;
    margin-top: 7px
}

.textarealongPage .ta-bottom-div-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 236px
}

.textarealongPage .ta-bottom-div-btn {
    width: 95px;
    height: 35px;
    margin-left: 14px;
    margin-top: 12px;
    border-radius: 5px;
    text-align: center;
    line-height: 35px;
    background-color: #e7e7e9;
    font-size: 14px!important
}

.textarealongPage .ta-active {
    color: #fff;
    background-color: #ec614c
}

.textarealongPage .hide {
    display: none
}

.textarealongPage .cc-input-chapter {
    font-size: 16px;
    border-radius: 5px;
    margin-top: 13px
}

.textarealongPage .ant-input[disabled] {
    color: #666
}

.textarealongPage .ta-bottom-div-btns-edite {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 235px
}

.textarealongPage .ta-bottom-div-btns-edite-shenhe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    width: 235px
}

.textarealongPage .ta-bottom-div-btn-shenhe {
    width: 95px;
    height: 35px;
    margin-left: 14px;
    margin-top: 12px;
    border-radius: 5px;
    text-align: center;
    line-height: 35px;
    margin-right: 15px;
    font-size: 14px!important
}

.textarealongPage .ttd-l-t {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.textarealongPage .ttd-l {
    margin-top: 20px;
    margin-left: 40px;
    display: inline-block
}

.textarealongPage .ttd-r {
    display: inline-block;
    float: right;
    margin-top: 16px
}

.ant-pagination {
    font-size: 12px
}

.ant-pagination:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.ant-pagination-total-text {
    float: left;
    height: 30px;
    line-height: 30px;
    margin-right: 10px
}

.ant-pagination-item {
    cursor: pointer;
    border-radius: 6px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    list-style: none;
    float: left;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    margin-right: 8px;
    font-family: Arial
}

.ant-pagination-item a {
    text-decoration: none;
    color: #666;
    -webkit-transition: none;
    transition: none;
    margin: 0 6px
}

.ant-pagination-item:hover {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-color: #2db7f5
}

.ant-pagination-item:hover a {
    color: #2db7f5
}

.ant-pagination-item-active {
    background-color: #2db7f5;
    border-color: #2db7f5
}

.ant-pagination-item-active:hover a,.ant-pagination-item-active a {
    color: #fff
}

.ant-pagination-jump-next:after,.ant-pagination-jump-prev:after {
    content: "\2022\2022\2022";
    display: block;
    letter-spacing: 2px;
    color: #ccc;
    text-align: center
}

.ant-pagination-jump-next:hover:after,.ant-pagination-jump-prev:hover:after {
    color: #2db7f5;
    display: inline-block;
    font-size: 12px;
    font-size: 8px\9;
    -webkit-transform: scale(.66666667) rotate(0deg);
    transform: scale(.66666667) rotate(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
    zoom: 1;
    letter-spacing: -1px;
    font-family: anticon
}

:root .ant-pagination-jump-next:hover:after,:root .ant-pagination-jump-prev:hover:after {
    -webkit-filter: none;
    filter: none;
    font-size: 12px
}

.ant-pagination-jump-prev:hover:after {
    content: "\E601\E601"
}

.ant-pagination-jump-next:hover:after {
    content: "\E600\E600"
}

.ant-pagination-jump-next,.ant-pagination-jump-prev,.ant-pagination-prev {
    margin-right: 8px
}

.ant-pagination-jump-next,.ant-pagination-jump-prev,.ant-pagination-next,.ant-pagination-prev {
    font-family: Arial;
    cursor: pointer;
    color: #666;
    border-radius: 6px;
    list-style: none;
    min-width: 28px;
    height: 28px;
    line-height: 28px;
    float: left;
    text-align: center;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    display: inline-block
}

.ant-pagination-next,.ant-pagination-prev {
    border: 1px solid #d9d9d9;
    background-color: #fff
}

.ant-pagination-next a,.ant-pagination-prev a {
    color: #666
}

.ant-pagination-next a:after,.ant-pagination-prev a:after {
    display: inline-block;
    font-size: 12px;
    font-size: 8px\9;
    -webkit-transform: scale(.66666667) rotate(0deg);
    transform: scale(.66666667) rotate(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
    zoom: 1;
    display: block;
    height: 26px;
    line-height: 26px;
    font-family: anticon;
    text-align: center
}

:root .ant-pagination-next a:after,:root .ant-pagination-prev a:after {
    -webkit-filter: none;
    filter: none;
    font-size: 12px
}

.ant-pagination-next:hover,.ant-pagination-prev:hover {
    border-color: #2db7f5
}

.ant-pagination-next:hover a,.ant-pagination-prev:hover a {
    color: #2db7f5
}

.ant-pagination-prev a:after {
    margin-top: -.5px;
    content: "\E601";
    display: block
}

.ant-pagination-next a:after {
    content: "\E600";
    display: block
}

.ant-pagination-disabled {
    cursor: not-allowed
}

.ant-pagination-disabled:hover {
    border-color: #d9d9d9
}

.ant-pagination-disabled:hover a {
    color: #ccc;
    cursor: not-allowed
}

.ant-pagination-disabled a {
    color: #ccc
}

.ant-pagination-slash {
    margin: 0 10px 0 5px
}

.ant-pagination-options {
    float: left;
    margin-left: 15px
}

.ant-pagination-options-size-changer {
    float: left;
    margin-right: 10px
}

.ant-pagination-options-quick-jumper {
    float: left;
    height: 28px;
    line-height: 28px
}

.ant-pagination-options-quick-jumper input {
    position: relative;
    display: inline-block;
    padding: 4px 7px;
    width: 100%;
    height: 28px;
    cursor: text;
    font-size: 12px;
    line-height: 1.5;
    color: #666;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    -webkit-transition: border .2s cubic-bezier(.645,.045,.355,1),background .2s cubic-bezier(.645,.045,.355,1),box-shadow .2s cubic-bezier(.645,.045,.355,1);
    transition: border .2s cubic-bezier(.645,.045,.355,1),background .2s cubic-bezier(.645,.045,.355,1),box-shadow .2s cubic-bezier(.645,.045,.355,1);
    margin: 0 8px;
    width: 50px
}

.ant-pagination-options-quick-jumper input::-moz-placeholder {
    color: #ccc;
    opacity: 1
}

.ant-pagination-options-quick-jumper input:-ms-input-placeholder {
    color: #ccc
}

.ant-pagination-options-quick-jumper input::-webkit-input-placeholder {
    color: #ccc
}

.ant-pagination-options-quick-jumper input:hover {
    border-color: #57c5f7
}

.ant-pagination-options-quick-jumper input:focus {
    border-color: #57c5f7;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(45,183,245,.2)
}

.ant-pagination-options-quick-jumper input[disabled],fieldset[disabled] .ant-pagination-options-quick-jumper input {
    background-color: #f7f7f7;
    opacity: 1;
    cursor: not-allowed;
    color: #ccc
}

.ant-pagination-options-quick-jumper input[disabled]:hover,fieldset[disabled] .ant-pagination-options-quick-jumper input:hover {
    border-color: #e1e1e1
}

textarea.ant-pagination-options-quick-jumper input {
    max-width: 100%;
    height: auto;
    vertical-align: bottom
}

.ant-pagination-options-quick-jumper input-lg {
    padding: 6px 7px;
    height: 32px
}

.ant-pagination-options-quick-jumper input-sm {
    padding: 1px 7px;
    height: 22px;
    border-radius: 4px
}

.ant-pagination-simple .ant-pagination-next,.ant-pagination-simple .ant-pagination-prev {
    border: 0;
    height: 24px;
    line-height: 24px;
    margin: 0;
    font-size: 18px
}

.ant-pagination-simple .ant-pagination-simple-pager {
    float: left;
    margin-right: 8px
}

.ant-pagination-simple .ant-pagination-simple-pager input {
    margin: 0 8px;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #d9d9d9;
    outline: none;
    padding: 5px 8px;
    width: 30px;
    height: 24px;
    text-align: center;
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease
}

.ant-pagination-simple .ant-pagination-simple-pager input:hover {
    border-color: #2db7f5
}

.ant-pagination.mini .ant-pagination-total-text {
    height: 20px;
    line-height: 20px
}

.ant-pagination.mini .ant-pagination-item,.ant-pagination.mini .ant-pagination-next,.ant-pagination.mini .ant-pagination-prev {
    border: 0;
    margin: 0;
    min-width: 20px;
    height: 20px;
    line-height: 20px
}

.ant-pagination.mini .ant-pagination-jump-next,.ant-pagination.mini .ant-pagination-jump-prev,.ant-pagination.mini .ant-pagination-next a:after,.ant-pagination.mini .ant-pagination-prev a:after {
    height: 20px;
    line-height: 20px
}

.ant-pagination.mini .ant-pagination-options {
    margin-left: 8px
}

.ant-pagination.mini .ant-pagination-options-quick-jumper {
    height: 20px;
    line-height: 20px
}

.ant-pagination.mini .ant-pagination-options-quick-jumper input {
    padding: 1px 7px;
    height: 22px;
    border-radius: 4px;
    width: 44px
}

.juanarealongPage {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.juanarealongPage .ta-top-div {
    height: 95px;
    background-color: #f6f7f9;
    border-top: 1px solid #e4e9ed;
    border-left: 1px solid #e4e9ed;
    border-right: 1px solid #e4e9ed;
    width: 100%;
    position: relative;
    display: table
}

.juanarealongPage .ta-top-div-l {
    width: 310px;
    display: inline-block
}

.juanarealongPage .ta-top-div-r {
    display: inline-block;
    float: right;
    margin-top: 17px
}

.juanarealongPage .ta-bottom-div-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 236px
}

.juanarealongPage .ta-top-p {
    font-size: 16px;
    margin-left: 40px;
    height: 25px;
    margin-top: 20px;
    width: 300px
}

.juanarealongPage .ta-top-p-right {
    height: 20px;
    font-size: 14px;
    width: 300px;
    margin-left: 40px;
    margin-top: 5px;
    color: #aeaeaf
}

.juanarealongPage .ta-middle-div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.juanarealongPage .ta-bottom-div {
    height: 86px;
    background-color: #f6f7f9;
    border-bottom: 1px solid #e4e9ed;
    border-left: 1px solid #e4e9ed;
    border-right: 1px solid #e4e9ed;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.juanarealongPage .ta-middle-div-textarea {
    height: 637px!important;
    font-size: 14px;
    border-radius: 0;
    border: 1px solid #e4e9ed
}

.juanarealongPage .ta-middle-div-textarea:hover {
    border: 1px solid #57c5f7!important
}

.juanarealongPage .ta-bottom-div-chapter {
    font-size: 16px;
    margin-left: 16px;
    line-height: 60px;
    color: #999;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.juanarealongPage .ta-bottom-div-btn {
    width: 95px;
    height: 35px;
    margin-left: 14px;
    margin-top: 12px;
    border-radius: 5px;
    text-align: center;
    line-height: 35px;
    background-color: #e7e7e9;
    font-size: 14px!important
}

.juanarealongPage .ta-active {
    color: #fff;
    background-color: #ec614c
}

.juanarealongPage .hide {
    display: none
}

.juanarealongPage .cc-input-chapter {
    font-size: 16px;
    border-radius: 5px;
    margin-top: 13px
}

.juanarealongPage .ant-input[disabled] {
    color: #666
}

.juanarealongPage .ta-bottom-div-btns-edite {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 235px
}

.juanarealongPage .ta-bottom-div-btns-edite-shenhe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    width: 235px
}

.juanarealongPage .ta-bottom-div-btn-shenhe {
    width: 95px;
    height: 35px;
    margin-left: 14px;
    margin-top: 12px;
    border-radius: 5px;
    text-align: center;
    line-height: 35px;
    margin-right: 15px;
    font-size: 14px!important
}

.juanarealongPage .tal-middle-div {
    position: relative;
    width: 100%;
    height: 581px;
    border: 1px solid #e4e9ed
}

.juanarealongPage .tal-vol-div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%
}

.juanarealongPage .tal-vol-div-left,.juanarealongPage .tal-vol-div-right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%
}

.juanarealongPage .tal-vol-div-footer {
    width: 100%;
    position: absolute;
    text-align: center;
    margin-top: 28px
}

.juanarealongPage .tal-vol-div-footer-page {
    display: inline-block
}

.juanarealongPage .tal-vol-div-p {
    height: 58px;
    width: 100%;
    line-height: 58px;
    padding-left: 40px;
    font-size: 16px
}

.juanarealongPage .tal-vol-div-p-before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 5px
}

.juanarealongPage .tal-vol-div-p-right {
    height: 58px;
    width: 100%;
    line-height: 58px;
    padding-left: 40px;
    font-size: 16px
}

.juanarealongPage .tal-vol-div-p-right-before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 5px;
    border-radius: 5px
}

.juanarealongPage .juan-shuoming {
    position: absolute;
    top: 20px;
    left: 50px
}

.juanarealongPage .mrg-l {
    margin-left: 10px
}

.juanarealongPage .tal-vol-div-p-before-1 {
    content: '';
    display: inline-block;
    width: 4px;
    height: 5px;
    border-radius: 5px
}

.juanarealongPage .color-examine {
    background-color: #5183b6
}

.juanarealongPage .color-publish {
    background-color: #7cc057
}

.juanarealongPage .color-reject {
    background-color: red
}

.juanarealongPage .ant-pagination-item-active {
    background-color: #ec614c;
    border-color: #ec614c
}

.juanarealongPage .bg-color {
    background-color: #fafafc
}

.draftPage .tp-outer-frame {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.draftPage .tp-outer-bottom {
    width: 100%;
    height: 100px
}

.draftPage .tp-left-div {
    width: 55px;
    height: 400px
}

.draftPage .tp-left-div-1 {
    width: 20px;
    height: 400px
}

.draftPage .tp-chapter-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 230px;
    height: 760px;
    border: 1px solid #e4e9ed;
    background-color: #f6f7f9
}

.draftPage .tp-text-right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    height: 780px
}

.draftPage .tp-chapter-left-title {
    width: 100%;
    height: 95px;
    border-bottom: 1px solid #e4e9ed;
    overflow: hidden
}

.draftPage .tp-chapter-big-title {
    margin-top: 23px;
    font-size: 16px;
    text-align: center
}

.draftPage .tp-chapter-small-title {
    font-size: 16px;
    color: #aeaeaf;
    text-align: center
}

.draftPage .tp-chapter-left-chapter {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: scroll
}

.draftPage .tp-chapter-left-chapter::-webkit-scrollbar {
    display: none
}

.draftPage .tp-chapter-left-bottom {
    height: 50px;
    font-size: 15px;
    text-align: center;
    line-height: 50px;
    background-color: #5d93a2;
    color: #fff
}

.draftPage .tp-chapter-bottom-add {
    border-radius: 5px;
    color: #fff;
    background-color: #ec614c;
    width: 95px;
    height: 35px;
    text-align: center;
    font-size: 14px;
    line-height: 35px;
    margin-top: 12px;
    margin-left: auto;
    margin-right: auto
}

.draftPage .tp-chapter-left-bottom-span {
    font-size: 19px
}

.chapterbtnPage:hover {
    background-color: #fff;
    border-radius: 5px
}

.chapterbtnPage .tp-chapter-left-content {
    font-size: 16px;
    padding-left: 20px;
    padding-top: 20px;
    width: 100%;
    height: 86px;
    overflow: hidden
}

.chapterbtnPage .tp-chapter-item-chapter-outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.chapterbtnPage .tp-chapter-item-chapter {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.chapterbtnPage .tp-chapter-item-chapter-state {
    width: 90px;
    text-align: center
}

.chapterbtnPage .color-examine {
    color: #5183b6
}

.chapterbtnPage .color-publish {
    color: #7cc057
}

.chapterbtnPage .color-reject {
    color: red
}

.chapterbtnPage .tcic-t {
    font-size: 14px
}

.chapterbtnPage .tcic-b {
    font-size: 12px;
    margin-top: 7px
}

.textareaDraftPage {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.textareaDraftPage .ta-top-div {
    height: 95px;
    background-color: #f6f7f9;
    border-top: 1px solid #e4e9ed;
    border-left: 1px solid #e4e9ed;
    border-right: 1px solid #e4e9ed;
    width: 100%
}

.textareaDraftPage .ta-top-p {
    font-size: 16px
}

.textareaDraftPage .ta-middle-div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.textareaDraftPage .ta-bottom-div {
    height: 60px;
    background-color: #f6f7f9;
    border-bottom: 1px solid #e4e9ed;
    border-left: 1px solid #e4e9ed;
    border-right: 1px solid #e4e9ed;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.textareaDraftPage .ta-middle-div-textarea {
    height: 664px!important;
    font-size: 14px;
    border-radius: 0;
    border: 1px solid #e4e9ed;
    max-height: 686px!important
}

.textareaDraftPage .ta-middle-div-textarea:hover {
    border: 1px solid #57c5f7!important
}

.textareaDraftPage .ta-bottom-div-chapter {
    font-size: 14px;
    color: #999;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: 7px
}

.textareaDraftPage .ta-bottom-div-btns {
    width: 340px
}

.textareaDraftPage .ta-bottom-div-btns,.textareaDraftPage .ta-bottom-div-btns-edite {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.textareaDraftPage .ta-bottom-div-btns-edite {
    width: 235px
}

.textareaDraftPage .ta-bottom-div-btn {
    width: 95px;
    height: 35px;
    margin-left: 14px;
    margin-top: 12px;
    border-radius: 5px;
    text-align: center;
    line-height: 35px;
    background-color: #e7e7e9;
    font-size: 14px!important
}

.textareaDraftPage .ta-active {
    color: #fff;
    background-color: #ec614c
}

.textareaDraftPage .ant-input[disabled] {
    color: #666
}

.textareaDraftPage .hide {
    display: none
}

.textareaDraftPage .cc-input-chapter {
    font-size: 16px;
    border-radius: 5px;
    margin-top: -5px
}

.textareaDraftPage .ttd-l-t {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.textareaDraftPage .ttd-l {
    margin-top: 20px;
    margin-left: 40px;
    display: inline-block
}

.textareaDraftPage .ttd-r {
    display: inline-block;
    float: right;
    margin-top: 16px;
    margin-right: 5px
}

.recyclePage .tp-outer-frame {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.recyclePage .tp-outer-bottom {
    width: 100%;
    height: 100px
}

.recyclePage .tp-left-div {
    width: 55px;
    height: 400px
}

.recyclePage .tp-left-div-1 {
    width: 20px;
    height: 400px
}

.recyclePage .tp-chapter-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 230px;
    height: 760px;
    border: 1px solid #e4e9ed;
    background-color: #f6f7f9
}

.recyclePage .tp-text-right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    height: 780px
}

.recyclePage .tp-chapter-left-title {
    width: 100%;
    height: 95px;
    border-bottom: 1px solid #e4e9ed;
    overflow: hidden
}

.recyclePage .tp-chapter-big-title {
    margin-top: 23px;
    font-size: 16px;
    text-align: center
}

.recyclePage .tp-chapter-small-title {
    font-size: 16px;
    color: #aeaeaf;
    text-align: center
}

.recyclePage .tp-chapter-left-chapter {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: scroll
}

.recyclePage .tp-chapter-left-chapter::-webkit-scrollbar {
    display: none
}

.recyclePage .tp-chapter-left-bottom {
    height: 50px;
    font-size: 15px;
    text-align: center;
    line-height: 50px;
    background-color: #5d93a2;
    color: #fff
}

.recyclePage .tp-chapter-bottom-add {
    border-radius: 5px;
    color: #fff;
    background-color: #ec614c;
    width: 95px;
    height: 35px;
    text-align: center;
    font-size: 14px;
    line-height: 35px;
    margin-top: 12px;
    margin-left: auto;
    margin-right: auto
}

.recyclePage .tp-chapter-left-bottom-span {
    font-size: 19px
}

.chapterbtnPage:hover {
    background-color: #fff;
    border-radius: 5px
}

.chapterbtnPage .tp-chapter-left-content {
    font-size: 16px;
    padding-left: 20px;
    padding-top: 20px;
    width: 100%;
    height: 86px;
    overflow: hidden
}

.chapterbtnPage .tp-chapter-item-chapter-outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.chapterbtnPage .tp-chapter-item-chapter {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.chapterbtnPage .tp-chapter-item-chapter-state {
    width: 90px;
    text-align: center
}

.chapterbtnPage .color-examine {
    color: #5183b6
}

.chapterbtnPage .color-publish {
    color: #7cc057
}

.chapterbtnPage .color-reject {
    color: red
}

.chapterbtnPage .tcic-t {
    font-size: 14px
}

.chapterbtnPage .tcic-b {
    font-size: 12px;
    margin-top: 7px
}

.textareaRecyclePage {
    width: 100%;
    height: 100%
}

.textareaRecyclePage,.textareaRecyclePage .trp-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.textareaRecyclePage .ta-top-div {
    height: 95px;
    background-color: #f6f7f9;
    border-top: 1px solid #e4e9ed;
    border-left: 1px solid #e4e9ed;
    border-right: 1px solid #e4e9ed;
    width: 100%
}

.textareaRecyclePage .ta-top-p {
    font-size: 16px
}

.textareaRecyclePage .ta-middle-div {
    min-height: 638px
}

.textareaRecyclePage .ta-bottom-div {
    height: 60px;
    background-color: #f6f7f9;
    border-bottom: 1px solid #e4e9ed;
    border-left: 1px solid #e4e9ed;
    border-right: 1px solid #e4e9ed;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.textareaRecyclePage .ta-middle-div-textarea {
    height: 664px!important;
    font-size: 14px;
    border-radius: 0;
    border: 1px solid #e4e9ed;
    max-height: 686px!important
}

.textareaRecyclePage .ta-middle-div-textarea:hover {
    border: 1px solid #57c5f7!important
}

.textareaRecyclePage .ta-bottom-div-chapter {
    font-size: 14px;
    color: #999;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: 7px
}

.textareaRecyclePage .ta-bottom-div-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 236px
}

.textareaRecyclePage .ta-bottom-div-btn {
    width: 95px;
    height: 35px;
    margin-left: 14px;
    margin-top: 12px;
    border-radius: 5px;
    text-align: center;
    line-height: 35px;
    background-color: #e7e7e9;
    font-size: 14px!important
}

.textareaRecyclePage .ta-active {
    color: #fff;
    background-color: #ec614c
}

.textareaRecyclePage .ant-input[disabled] {
    color: #666
}

.textareaRecyclePage .ttd-l-t {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.textareaRecyclePage .ttd-l {
    margin-top: 20px;
    margin-left: 40px;
    display: inline-block
}

.textareaRecyclePage .ttd-r {
    display: inline-block;
    float: right;
    margin-top: 16px;
    margin-right: 5px
}

.ant-table {
    font-size: 12px;
    color: #666;
    position: relative;
    border-radius: 6px 6px 0 0;
    overflow: hidden
}

.ant-table-body {
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.ant-table table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    text-align: left;
    border-radius: 6px 6px 0 0;
    overflow: hidden
}

.ant-table-thead>tr>th {
    background: #f7f7f7;
    font-weight: 700;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    text-align: left
}

.ant-table-thead>tr>th .anticon-filter {
    margin-left: 4px;
    display: inline-block;
    font-size: 12px;
    font-size: 10px\9;
    -webkit-transform: scale(.83333333) rotate(0deg);
    transform: scale(.83333333) rotate(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
    zoom: 1;
    cursor: pointer;
    color: #aaa;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

:root .ant-table-thead>tr>th .anticon-filter {
    -webkit-filter: none;
    filter: none;
    font-size: 12px
}

.ant-table-thead>tr>th .anticon-filter:hover {
    color: #666
}

.ant-table-thead>tr>th .ant-table-filter-selected.anticon-filter {
    color: #2db7f5
}

.ant-table-tbody>tr>td {
    border-bottom: 1px solid #e9e9e9
}

.ant-table-tbody>tr,.ant-table-thead>tr {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.ant-table-tbody>tr.ant-table-row-hover,.ant-table-tbody>tr:hover,.ant-table-thead>tr.ant-table-row-hover,.ant-table-thead>tr:hover {
    background: #eaf8fe
}

.ant-table-thead>tr:hover {
    background: none
}

.ant-table-footer {
    padding: 16px 8px;
    background: #f7f7f7;
    position: relative;
    top: -1px;
    border-radius: 0 0 6px 6px
}

.ant-table.ant-table-bordered .ant-table-footer {
    border: 1px solid #e9e9e9
}

.ant-table-title {
    padding: 16px 8px;
    position: relative;
    top: 1px;
    border-radius: 6px 6px 0 0
}

.ant-table.ant-table-bordered .ant-table-title {
    border: 1px solid #e9e9e9
}

.ant-table-title+.ant-table-content {
    position: relative
}

.ant-table-title+.ant-table-content table {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.ant-table-tbody>tr.ant-table-row-selected {
    background: #fafafa
}

.ant-table-thead>tr>th.ant-table-column-sort {
    background: #eaeaea
}

.ant-table-tbody>tr>td,.ant-table-thead>tr>th {
    padding: 16px 8px;
    word-break: break-all
}

.ant-table-tbody>tr>td.ant-table-selection-column,.ant-table-thead>tr>th.ant-table-selection-column {
    text-align: center;
    width: 60px
}

.ant-table-header {
    background: #f7f7f7;
    overflow: hidden
}

.ant-table-header,.ant-table-header table {
    border-radius: 6px 6px 0 0
}

.ant-table-loading {
    position: relative
}

.ant-table-loading .ant-table-body {
    background: #fff;
    opacity: .5
}

.ant-table-loading .ant-table-spin-holder {
    height: 20px;
    line-height: 20px;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    position: absolute
}

.ant-table-loading .ant-table-with-pagination {
    margin-top: -20px
}

.ant-table-loading .ant-table-without-pagination {
    margin-top: 10px
}

.ant-table-middle .ant-table-tbody>tr>td,.ant-table-middle .ant-table-thead>tr>th {
    padding: 10px 8px
}

.ant-table-small {
    border: 1px solid #e9e9e9;
    border-radius: 6px
}

.ant-table-small .ant-table-body>table {
    border: 0;
    padding: 0 8px
}

.ant-table-small.ant-table-bordered .ant-table-body>table {
    border: 0
}

.ant-table-small .ant-table-thead>tr>th {
    padding: 10px 8px;
    background: #fff;
    border-bottom: 1px solid #e9e9e9
}

.ant-table-small .ant-table-tbody>tr>td {
    padding: 6px 8px
}

.ant-table-small .ant-table-header {
    background: #fff
}

.ant-table-small .ant-table-header table {
    border-bottom: 1px solid #e9e9e9
}

.ant-table-small .ant-table-header .ant-table-thead>tr>th,.ant-table-small .ant-table-row:last-child td {
    border-bottom: 0
}

.ant-table-column-sorter {
    margin-left: 4px;
    display: inline-block;
    width: 12px;
    height: 15px;
    vertical-align: middle;
    text-align: center
}

.ant-table-column-sorter-down,.ant-table-column-sorter-up {
    line-height: 4px;
    height: 6px;
    display: block;
    width: 12px;
    cursor: pointer
}

.ant-table-column-sorter-down:hover .anticon,.ant-table-column-sorter-up:hover .anticon {
    color: #666
}

.ant-table-column-sorter-down.on .anticon-caret-down,.ant-table-column-sorter-down.on .anticon-caret-up,.ant-table-column-sorter-up.on .anticon-caret-down,.ant-table-column-sorter-up.on .anticon-caret-up {
    color: #2db7f5
}

.ant-table-column-sorter .anticon-caret-down,.ant-table-column-sorter .anticon-caret-up {
    display: inline-block;
    font-size: 12px;
    font-size: 6px\9;
    -webkit-transform: scale(.5) rotate(0deg);
    transform: scale(.5) rotate(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
    zoom: 1;
    line-height: 6px;
    height: 6px;
    color: #aaa
}

:root .ant-table-column-sorter .anticon-caret-down,:root .ant-table-column-sorter .anticon-caret-up {
    -webkit-filter: none;
    filter: none;
    font-size: 12px
}

.ant-table-column-sorter .anticon-caret-down:before,.ant-table-column-sorter .anticon-caret-up:before {
    -moz-transform-origin: 53% 50%
}

.ant-table-bordered .ant-table-body>table,.ant-table-bordered.ant-table-fixed-header {
    border: 1px solid #e9e9e9
}

.ant-table-bordered.ant-table-fixed-header table {
    border: 0
}

.ant-table-bordered.ant-table-fixed-header .ant-table-fixed-left {
    border-right: 1px solid #e9e9e9
}

.ant-table-bordered.ant-table-fixed-header .ant-table-fixed-right {
    border-left: 1px solid #e9e9e9
}

.ant-table-bordered .ant-table-thead>tr>th {
    border-bottom: 1px solid #e9e9e9
}

.ant-table-bordered .ant-table-tbody tr:last-child>td,.ant-table-bordered .ant-table-tbody tr:last-child>th {
    border-bottom: 0
}

.ant-table-bordered .ant-table-tbody>tr>td,.ant-table-bordered .ant-table-thead>tr>th {
    border-right: 1px solid #e9e9e9
}

.ant-table-bordered .ant-table-tbody>tr>td:last-child,.ant-table-bordered .ant-table-thead>tr>th:last-child {
    border-right: 0
}

.ant-table-placeholder {
    height: 65px;
    line-height: 65px;
    text-align: center;
    font-size: 12px;
    color: #999
}

.ant-table-placeholder .anticon {
    margin-right: 4px
}

.ant-table-pagination {
    margin: 16px 0;
    float: right
}

.ant-table-filter-dropdown {
    min-width: 96px;
    margin-left: -8px;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #d9d9d9;
    box-shadow: 0 1px 6px hsla(0,0%,39%,.2)
}

.ant-table-filter-dropdown .ant-dropdown-menu {
    border: 0;
    box-shadow: none;
    border-radius: 6px 6px 0 0
}

.ant-table-filter-dropdown .ant-dropdown-menu-item>label+span {
    margin-left: 8px
}

.ant-table-filter-dropdown .ant-dropdown-menu-sub {
    border-radius: 6px;
    border: 1px solid #d9d9d9;
    box-shadow: 0 1px 6px hsla(0,0%,39%,.2)
}

.ant-table-filter-dropdown .ant-dropdown-menu .ant-dropdown-submenu-contain-selected .ant-dropdown-menu-submenu-title:after {
    color: #2db7f5;
    font-weight: 700;
    text-shadow: 0 0 2px #d5f1fd
}

.ant-table-filter-dropdown .ant-dropdown-menu-item {
    overflow: hidden
}

.ant-table-filter-dropdown>.ant-dropdown-menu>.ant-dropdown-menu-item:last-child,.ant-table-filter-dropdown>.ant-dropdown-menu>.ant-dropdown-menu-submenu:last-child .ant-dropdown-menu-submenu-title {
    border-radius: 0
}

.ant-table-filter-dropdown-btns {
    overflow: hidden;
    padding: 7px 15px;
    border-top: 1px solid #e9e9e9
}

.ant-table-filter-dropdown-link {
    color: #2db7f5
}

.ant-table-filter-dropdown-link:hover {
    color: #57c5f7
}

.ant-table-filter-dropdown-link:active {
    color: #2baee9
}

.ant-table-filter-dropdown-link.confirm {
    float: left
}

.ant-table-filter-dropdown-link.clear {
    float: right
}

.ant-table-expand-icon-th {
    width: 34px
}

.ant-table-row-expand-icon {
    cursor: pointer;
    display: inline-block;
    width: 17px;
    height: 17px;
    text-align: center;
    line-height: 14px;
    border: 1px solid #e9e9e9;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #fff
}

.ant-table-row-expand-icon-cell {
    width: 18px
}

.ant-table-row-expanded:after {
    content: '-'
}

.ant-table-row-collapsed:after {
    content: '+'
}

.ant-table-row-spaced {
    visibility: hidden
}

.ant-table-row-spaced:after {
    content: '.'
}

.ant-table-row[class*=ant-table-row-level-0] .ant-table-selection-column>span {
    display: inline-block
}

tr.ant-table-expanded-row,tr.ant-table-expanded-row:hover {
    background: #fbfbfb
}

.ant-table .ant-table-row-indent+.ant-table-row-expand-icon {
    margin-right: 8px
}

.ant-table-scroll {
    overflow: auto
}

.ant-table-scroll table {
    width: auto;
    min-width: 100%
}

.ant-table-body-inner {
    height: 100%
}

.ant-table-fixed-header .ant-table-body {
    position: relative;
    background: #fff
}

.ant-table-fixed-header .ant-table-body-inner {
    overflow: scroll
}

.ant-table-fixed-header .ant-table-scroll .ant-table-header {
    overflow: scroll;
    padding-bottom: 20px;
    margin-bottom: -20px
}

.ant-table-fixed-left,.ant-table-fixed-right {
    position: absolute;
    top: 0;
    overflow: hidden;
    z-index: 1;
    -webkit-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    border-radius: 0
}

.ant-table-fixed-left table,.ant-table-fixed-right table {
    width: auto;
    background: #fff
}

.ant-table-fixed-header .ant-table-fixed-left .ant-table-body-outer .ant-table-fixed,.ant-table-fixed-header .ant-table-fixed-right .ant-table-body-outer .ant-table-fixed {
    border-radius: 0
}

.ant-table-fixed-left {
    left: 0;
    box-shadow: 1px 0 6px hsla(0,0%,39%,.2)
}

.ant-table-fixed-left .ant-table-header {
    overflow-y: hidden
}

.ant-table-fixed-left .ant-table-body-inner {
    margin-right: -20px;
    padding-right: 20px
}

.ant-table-fixed-header .ant-table-fixed-left .ant-table-body-inner {
    padding-right: 0
}

.ant-table-fixed-left,.ant-table-fixed-left table {
    border-radius: 6px 0 0 0
}

.ant-table-fixed-right {
    right: 0;
    box-shadow: -1px 0 6px hsla(0,0%,39%,.2)
}

.ant-table-fixed-right,.ant-table-fixed-right table {
    border-radius: 0 6px 0 0
}

.ant-table-fixed-right .ant-table-expanded-row {
    color: transparent;
    pointer-events: none
}

.ant-table.ant-table-scroll-position-left .ant-table-fixed-left,.ant-table.ant-table-scroll-position-right .ant-table-fixed-right {
    box-shadow: none
}

.ant-table-column-hidden {
    display: none
}

.ant-table-thead>tr>th.ant-table-column-has-prev {
    position: relative
}

.ant-table-tbody>tr>td.ant-table-column-has-prev,.ant-table-thead>tr>th.ant-table-column-has-prev {
    padding-left: 24px
}

.ant-table-next-columns-page,.ant-table-prev-columns-page {
    cursor: pointer;
    color: #666;
    z-index: 1
}

.ant-table-next-columns-page:hover,.ant-table-prev-columns-page:hover {
    color: #2db7f5
}

.ant-table-next-columns-page-disabled,.ant-table-prev-columns-page-disabled {
    cursor: not-allowed;
    color: #bbb
}

.ant-table-next-columns-page-disabled:hover,.ant-table-prev-columns-page-disabled:hover {
    color: #bbb
}

.ant-table-prev-columns-page {
    position: absolute;
    left: 8px
}

.ant-table-prev-columns-page:before {
    content: '\E601';
    display: inline-block;
    font-size: 12px;
    font-size: 9px\9;
    -webkit-transform: scale(.75) rotate(0deg);
    transform: scale(.75) rotate(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
    zoom: 1;
    font-weight: 700;
    font-family: anticon
}

:root .ant-table-prev-columns-page:before {
    -webkit-filter: none;
    filter: none;
    font-size: 12px
}

.ant-table-next-columns-page {
    float: right;
    margin-left: 8px
}

.ant-table-next-columns-page:before {
    content: '\E600';
    display: inline-block;
    font-size: 12px;
    font-size: 9px\9;
    -webkit-transform: scale(.75) rotate(0deg);
    transform: scale(.75) rotate(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
    zoom: 1;
    font-weight: 700;
    font-family: anticon
}

:root .ant-table-next-columns-page:before {
    -webkit-filter: none;
    filter: none;
    font-size: 12px
}

.ant-dropdown {
    position: absolute;
    left: -9999px;
    top: -9999px;
    z-index: 1050;
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5
}

.ant-dropdown-wrap {
    position: relative
}

.ant-dropdown-wrap .ant-btn>.anticon-down {
    display: inline-block;
    font-size: 12px;
    font-size: 10px\9;
    -webkit-transform: scale(.83333333) rotate(0deg);
    transform: scale(.83333333) rotate(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
    zoom: 1
}

:root .ant-dropdown-wrap .ant-btn>.anticon-down {
    -webkit-filter: none;
    filter: none;
    font-size: 12px
}

.ant-dropdown-wrap .anticon-down:before {
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease,-webkit-transform .2s ease
}

.ant-dropdown-wrap-open .anticon-down:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.ant-dropdown-hidden,.ant-dropdown-menu-hidden {
    display: none
}

.ant-dropdown-menu {
    outline: none;
    position: relative;
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-align: left;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 6px hsla(0,0%,39%,.2);
    background-clip: padding-box;
    border: 1px solid #d9d9d9
}

.ant-dropdown-menu-item,.ant-dropdown-menu-submenu-title {
    padding: 7px 15px;
    margin: 0;
    clear: both;
    font-size: 12px;
    font-weight: 400;
    color: #666;
    white-space: nowrap;
    cursor: pointer;
    -webkit-transition: background .3s ease;
    transition: background .3s ease
}

.ant-dropdown-menu-item>a,.ant-dropdown-menu-submenu-title>a {
    color: #666;
    display: block;
    padding: 7px 15px;
    margin: -7px -15px
}

.ant-dropdown-menu-item:hover,.ant-dropdown-menu-submenu-title:hover {
    background-color: #eaf8fe
}

.ant-dropdown-menu-item-disabled,.ant-dropdown-menu-submenu-title-disabled {
    color: #ccc;
    cursor: not-allowed;
    pointer-events: none
}

.ant-dropdown-menu-item-disabled:hover,.ant-dropdown-menu-submenu-title-disabled:hover {
    color: #ccc;
    background-color: #fff;
    cursor: not-allowed
}

.ant-dropdown-menu-item:first-child,.ant-dropdown-menu-submenu-title:first-child {
    border-radius: 6px 6px 0 0
}

.ant-dropdown-menu-item:last-child,.ant-dropdown-menu-submenu-title:last-child {
    border-radius: 0 0 6px 6px
}

.ant-dropdown-menu-item:only-child,.ant-dropdown-menu-submenu-title:only-child {
    border-radius: 6px
}

.ant-dropdown-menu-item-divider,.ant-dropdown-menu-submenu-title-divider {
    height: 1px;
    overflow: hidden;
    background-color: #e9e9e9;
    line-height: 0
}

.ant-dropdown-menu-submenu-title:after {
    font-family: anticon!important;
    position: absolute;
    content: "\E600";
    right: 15px;
    color: #999;
    display: inline-block;
    font-size: 12px;
    font-size: 8px\9;
    -webkit-transform: scale(.66666667) rotate(0deg);
    transform: scale(.66666667) rotate(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
    zoom: 1
}

:root .ant-dropdown-menu-submenu-title:after {
    -webkit-filter: none;
    filter: none;
    font-size: 12px
}

.ant-dropdown-menu-submenu-vertical {
    position: relative
}

.ant-dropdown-menu-submenu-vertical>.ant-dropdown-menu {
    top: 0;
    left: 100%;
    position: absolute;
    min-width: 100%;
    margin-left: 4px;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.ant-dropdown-menu-submenu:first-child .ant-dropdown-menu-submenu-title {
    border-radius: 6px 6px 0 0
}

.ant-dropdown-menu-submenu:last-child .ant-dropdown-menu-submenu-title {
    border-radius: 0 0 6px 6px
}

.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-bottomLeft,.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-bottomLeft {
    -webkit-animation-name: antSlideUpIn;
    animation-name: antSlideUpIn
}

.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topLeft,.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topLeft {
    -webkit-animation-name: antSlideDownIn;
    animation-name: antSlideDownIn
}

.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-bottomLeft {
    -webkit-animation-name: antSlideUpOut;
    animation-name: antSlideUpOut
}

.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topLeft {
    -webkit-animation-name: antSlideDownOut;
    animation-name: antSlideDownOut
}

.ant-dropdown-link {
    font-size: 12px
}

.ant-dropdown-link .anticon-down {
    display: inline-block;
    font-size: 12px;
    font-size: 8px\9;
    -webkit-transform: scale(.66666667) rotate(0deg);
    transform: scale(.66666667) rotate(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
    zoom: 1;
    font-weight: 700
}

:root .ant-dropdown-link .anticon-down {
    -webkit-filter: none;
    filter: none;
    font-size: 12px
}

.ant-dropdown-button.ant-btn-group>.ant-btn:last-child:not(:first-child) {
    padding-right: 7px
}

.ant-dropdown-button .anticon-down {
    display: inline-block;
    font-size: 12px;
    font-size: 10px\9;
    -webkit-transform: scale(.83333333) rotate(0deg);
    transform: scale(.83333333) rotate(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
    zoom: 1
}

:root .ant-dropdown-button .anticon-down {
    -webkit-filter: none;
    filter: none;
    font-size: 12px
}

.ant-spin {
    color: #2db7f5;
    vertical-align: middle;
    text-align: center;
    opacity: 0;
    position: absolute;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.78,.14,.15,.86);
    transition: -webkit-transform .3s cubic-bezier(.78,.14,.15,.86);
    transition: transform .3s cubic-bezier(.78,.14,.15,.86);
    transition: transform .3s cubic-bezier(.78,.14,.15,.86),-webkit-transform .3s cubic-bezier(.78,.14,.15,.86);
    font-size: 12px;
    display: none
}

.ant-spin-spinning {
    opacity: 1;
    position: static;
    display: inline-block
}

.ant-spin-nested-loading {
    position: relative
}

.ant-spin-nested-loading .ant-spin {
    position: absolute;
    top: 50%;
    height: 20px;
    line-height: 20px;
    margin-top: -10px;
    z-index: 4;
    text-align: center;
    width: 100%
}

.ant-spin-nested-loading .ant-spin-dot {
    display: inline-block
}

.ant-spin-container {
    -webkit-transition: all .3s cubic-bezier(.78,.14,.15,.86);
    transition: all .3s cubic-bezier(.78,.14,.15,.86)
}

.ant-spin-nested-loading>.ant-spin-container {
    opacity: .7;
    -webkit-filter: blur(1px);
    filter: blur(1px);
    -webkit-filter: progid\:DXImageTransform\.Microsoft\.Blur(PixelRadius\=1,MakeShadow\=false);
    filter: progid\:DXImageTransform\.Microsoft\.Blur(PixelRadius\=1,MakeShadow\=false);
    position: relative
}

.ant-spin-nested-loading>.ant-spin-container:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: transparent
}

.ant-spin-tip {
    color: #999
}

.ant-spin-dot {
    position: relative;
    display: block;
    width: 20px;
    height: 20px
}

.ant-spin-dot:after,.ant-spin-dot:before {
    content: '';
    border-radius: 50%;
    background-color: #2db7f5;
    -webkit-animation: antSpinBounce 2.2s infinite ease-in-out;
    animation: antSpinBounce 2.2s infinite ease-in-out;
    display: block;
    position: absolute;
    opacity: .5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.ant-spin-dot:after {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.ant-spin-sm .ant-spin-dot {
    width: 12px;
    height: 12px
}

.ant-spin-lg .ant-spin-dot {
    width: 32px;
    height: 32px
}

.ant-spin-text,.ant-spin.ant-spin-show-text .ant-spin-dot {
    display: none
}

.ant-spin.ant-spin-show-text .ant-spin-text {
    display: block
}

@-webkit-keyframes antSpinBounce {
    0%,to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes antSpinBounce {
    0%,to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@media (-ms-high-contrast:active),all and (-ms-high-contrast:none) {
    .ant-spin-nested-loading>.ant-spin-container {
        background: #fff;
        opacity: .5
    }
}

.loginvalid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #395061
}

.loginvalid-content {
    display: inline-block;
    color: #fff;
    text-align: center;
    cursor: pointer;
    margin-top: 18%;
    margin-right: 9.375rem
}

.loginvalid-content:last-child {
    margin-right: 0
}

.loginvalid-content>p {
    width: 9.375rem;
    line-height: 1.25rem
}

.loginvalid-content>h2 {
    padding: 1.25rem 0
}

.loginvalid-enter {
    background-color: #fff;
    position: relative;
    width: 9.375rem;
    height: 9.375rem;
    border-radius: 50%;
    line-height: 12.5rem;
    text-align: center;
    font-size: 1.25rem
}

.loginvalid-enter>i {
    display: inline-block;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    height: 5rem;
    width: 5rem;
    margin-top: -2.5rem;
    margin-left: -2.5rem
}

.loginvalid-enter>i.icon-long {
    background: url(data:image/png;
    base64,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) 50% no-repeat;background-size: contain
}

.loginvalid-enter>i.icon-short {
    background: url(data:image/png;
    base64,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) 50% no-repeat;background-size: contain
}

.loginvalid-enter>i.icon-quadratic {
    background: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1OEVBMUQ3QkQ4REJFMzExQjVGRUNCQTlGOUJERTcyMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozOTU5Q0I3RTE3NTMxMUU3OUY0NUZFMTY4RDhCOEVCNSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozOTU5Q0I3RDE3NTMxMUU3OUY0NUZFMTY4RDhCOEVCNSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmE1ODg5MTJhLTI0YjgtNGRjMC1hMGM2LWZjNTM0ZTNmNmY3NCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmNhN2MzYzRlLWI5Y2QtMTE3OS1hYzI5LWRi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) 50% no-repeat;background-size: contain
}

.loginvalid-enter:hover {
    color: #2db7f5
}

.loginvalid-enter:hover>i.icon-long {
    background: url(data:image/png;
    base64,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) 50% no-repeat;background-size: contain
}

.loginvalid-enter:hover>i.icon-short {
    background: url(data:image/png;
    base64,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) 50% no-repeat;background-size: contain
}

.loginvalid-enter:hover>i.icon-quadratic {
    background: url(data:image/png;
    base64,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) 50% no-repeat;background-size: contain
}

.loginvalid-modal {
    text-align: center
}

.loginvalid-modal .ant-input {
    width: 60%;
    margin: .625rem 0
}

.ant-steps {
    font-size: 0;
    width: 100%;
    line-height: 1.5
}

.ant-steps .ant-steps-item {
    position: relative;
    display: inline-block;
    vertical-align: top
}

.ant-steps .ant-steps-item.ant-steps-status-wait .ant-steps-head-inner {
    border-color: #ccc;
    background-color: #fff
}

.ant-steps .ant-steps-item.ant-steps-status-wait .ant-steps-head-inner>.ant-steps-icon {
    color: #ccc
}

.ant-steps .ant-steps-item.ant-steps-status-wait .ant-steps-description,.ant-steps .ant-steps-item.ant-steps-status-wait .ant-steps-title {
    color: #999
}

.ant-steps .ant-steps-item.ant-steps-status-wait .ant-steps-tail>i {
    background-color: #e9e9e9
}

.ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-head-inner {
    border-color: #2db7f5;
    background-color: #2db7f5
}

.ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-head-inner>.ant-steps-icon {
    color: #fff
}

.ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-description,.ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-title {
    color: #666
}

.ant-steps .ant-steps-item.ant-steps-status-process .ant-steps-tail>i {
    background-color: #e9e9e9
}

.ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-head-inner {
    border-color: #2db7f5;
    background-color: #fff
}

.ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-head-inner>.ant-steps-icon {
    color: #2db7f5
}

.ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-tail>i:after {
    width: 100%;
    background: #2db7f5;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    opacity: 1
}

.ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-description,.ant-steps .ant-steps-item.ant-steps-status-finish .ant-steps-title {
    color: #999
}

.ant-steps .ant-steps-item.ant-steps-status-error .ant-steps-head-inner {
    border-color: #f50;
    background-color: #fff
}

.ant-steps .ant-steps-item.ant-steps-status-error .ant-steps-description,.ant-steps .ant-steps-item.ant-steps-status-error .ant-steps-head-inner>.ant-steps-icon,.ant-steps .ant-steps-item.ant-steps-status-error .ant-steps-title {
    color: #f50
}

.ant-steps .ant-steps-item.ant-steps-status-error .ant-steps-tail>i {
    background-color: #e9e9e9
}

.ant-steps .ant-steps-item.ant-steps-next-error .ant-steps-tail>i,.ant-steps .ant-steps-item.ant-steps-next-error .ant-steps-tail>i:after {
    background-color: #f50
}

.ant-steps .ant-steps-item.ant-steps-custom .ant-steps-head-inner {
    background: none;
    border: 0;
    width: auto;
    height: auto
}

.ant-steps .ant-steps-item.ant-steps-custom .ant-steps-head-inner>.ant-steps-icon {
    font-size: 20px;
    top: 2px;
    width: 20px;
    height: 20px
}

.ant-steps .ant-steps-item.ant-steps-custom.ant-steps-status-process .ant-steps-head-inner>.ant-steps-icon {
    color: #2db7f5
}

.ant-steps .ant-steps-head,.ant-steps .ant-steps-main {
    position: relative;
    display: inline-block;
    vertical-align: top
}

.ant-steps .ant-steps-head {
    background: #fff
}

.ant-steps .ant-steps-head-inner {
    display: block;
    border: 1px solid #ccc;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 26px;
    font-size: 14px;
    margin-right: 8px;
    -webkit-transition: background-color .3s ease,border-color .3s ease;
    transition: background-color .3s ease,border-color .3s ease
}

.ant-steps .ant-steps-head-inner>.ant-steps-icon {
    line-height: 1;
    top: -1.5px;
    color: #2db7f5;
    position: relative
}

.ant-steps .ant-steps-head-inner>.ant-steps-icon.anticon {
    font-size: 12px
}

.ant-steps .ant-steps-head-inner>.ant-steps-icon.anticon-check,.ant-steps .ant-steps-head-inner>.ant-steps-icon.anticon-cross {
    font-weight: 700
}

.ant-steps .ant-steps-main {
    margin-top: 2.5px
}

.ant-steps .ant-steps-title {
    font-size: 14px;
    margin-bottom: 4px;
    color: #666;
    font-weight: 700;
    background: #fff;
    display: inline-block;
    padding-right: 10px
}

.ant-steps .ant-steps-title>a:first-child:last-child {
    color: #666
}

.ant-steps .ant-steps-item-last .ant-steps-title {
    padding-right: 0;
    width: 100%
}

.ant-steps .ant-steps-description {
    font-size: 12px;
    color: #999
}

.ant-steps .ant-steps-tail {
    position: absolute;
    left: 0;
    width: 100%;
    top: 13px;
    padding: 0 10px
}

.ant-steps .ant-steps-tail>i {
    display: inline-block;
    vertical-align: top;
    background: #e9e9e9;
    height: 1px;
    border-radius: 1px;
    width: 100%;
    position: relative
}

.ant-steps .ant-steps-tail>i:after {
    position: absolute;
    content: '';
    top: 0;
    width: 0;
    background: #e9e9e9;
    height: 100%;
    opacity: 0
}

.ant-steps.ant-steps-small .ant-steps-head-inner {
    border: 1px solid #ccc;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border-radius: 18px;
    font-size: 12px;
    margin-right: 10px
}

.ant-steps.ant-steps-small .ant-steps-head-inner>.ant-steps-icon.anticon {
    display: inline-block;
    font-size: 12px;
    font-size: 9px\9;
    -webkit-transform: scale(.75) rotate(0deg);
    transform: scale(.75) rotate(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
    zoom: 1;
    top: 0
}

:root .ant-steps.ant-steps-small .ant-steps-head-inner>.ant-steps-icon.anticon {
    -webkit-filter: none;
    filter: none;
    font-size: 12px
}

.ant-steps.ant-steps-small .ant-steps-main {
    margin-top: 0
}

.ant-steps.ant-steps-small .ant-steps-title {
    font-size: 12px;
    margin-bottom: 4px;
    color: #666;
    font-weight: 700
}

.ant-steps.ant-steps-small .ant-steps-description {
    font-size: 12px;
    color: #999
}

.ant-steps.ant-steps-small .ant-steps-tail {
    top: 8px;
    padding: 0 8px
}

.ant-steps.ant-steps-small .ant-steps-tail>i {
    height: 1px;
    border-radius: 1px;
    width: 100%
}

.ant-steps .ant-steps-item.ant-steps-custom .ant-steps-head-inner,.ant-steps.ant-steps-small .ant-steps-item.ant-steps-custom .ant-steps-head-inner {
    width: inherit;
    height: inherit;
    line-height: inherit;
    border-radius: 0;
    border: 0;
    background: none
}

.ant-steps-vertical .ant-steps-item {
    display: block
}

.ant-steps-vertical .ant-steps-tail {
    position: absolute;
    left: 13px;
    top: 0;
    height: 100%;
    width: 1px;
    padding: 30px 0 4px
}

.ant-steps-vertical .ant-steps-tail>i {
    height: 100%;
    width: 1px
}

.ant-steps-vertical .ant-steps-tail>i:after {
    height: 0;
    width: 100%
}

.ant-steps-vertical .ant-steps-status-finish .ant-steps-tail>i:after {
    height: 100%
}

.ant-steps-vertical .ant-steps-head {
    float: left
}

.ant-steps-vertical .ant-steps-head-inner {
    margin-right: 16px
}

.ant-steps-vertical .ant-steps-main {
    min-height: 47px;
    overflow: hidden;
    display: block
}

.ant-steps-vertical .ant-steps-main .ant-steps-title {
    line-height: 26px
}

.ant-steps-vertical .ant-steps-main .ant-steps-description {
    padding-bottom: 12px
}

.ant-steps-vertical.ant-steps-small .ant-steps-tail {
    position: absolute;
    left: 9px;
    top: 0;
    padding: 22px 0 4px
}

.ant-steps-vertical.ant-steps-small .ant-steps-tail>i {
    height: 100%
}

.ant-steps-vertical.ant-steps-small .ant-steps-title {
    line-height: 18px
}

.ant-steps-horizontal.ant-steps-hidden {
    visibility: hidden
}

.ant-steps-horizontal .ant-steps-description {
    max-width: 100px
}

.ant-steps-horizontal .ant-steps-item:not(:first-child) .ant-steps-head {
    padding-left: 10px;
    margin-left: -10px
}

.container {
    padding: 1.5625rem 4.375rem;
    margin-top: 3.125rem
}

.word-center {
    text-align: center
}

.margin-distance {
    margin-left: 55%;
    height: 2.1875rem
}

.page-title {
    color: #1f1f2c;
    border-bottom: 2px solid #d4dbe3;
    line-height: 60px;
    height: 61px;
    position: relative
}

.page-title .ant-btn>span {
    margin-left: 0
}

.page-title .userinfo-btn {
    position: absolute;
    right: 0;
    top: 0
}

.page-title .userinfo-btn .ant-btn>span {
    margin-left: 0
}

.page-title .userinfo-btn .button {
    background-color: #fff;
    margin-left: 5px
}

.page-title .userinfo-detail {
    font-size: 13px;
    color: #fa6346;
    margin-left: 20px
}

.page-title .userinfo .ant-steps {
    margin-top: 1.25rem
}

.userInfoPage .hp-info-title {
    float: left;
    width: 50%
}

.ant-fullcalendar {
    font-size: 12px;
    line-height: 1.5;
    outline: none;
    border-top: 1px solid #d9d9d9
}

.ant-fullcalendar-month-select {
    margin-left: 5px
}

.ant-fullcalendar-header {
    padding: 11px 16px 11px 0;
    text-align: right
}

.ant-fullcalendar-header .ant-select {
    text-align: left
}

.ant-fullcalendar-header .ant-radio-group {
    margin-left: 8px;
    text-align: left
}

.ant-fullcalendar-header label.ant-radio-button {
    height: 22px;
    line-height: 20px;
    padding: 0 10px
}

.ant-fullcalendar-date-panel {
    position: relative;
    outline: none
}

.ant-fullcalendar-calendar-body {
    padding: 8px 8px 14px
}

.ant-fullcalendar table {
    border-collapse: collapse;
    max-width: 100%;
    background-color: transparent;
    width: 100%;
    height: 246px
}

.ant-fullcalendar table,.ant-fullcalendar td,.ant-fullcalendar th {
    border: 0
}

.ant-fullcalendar td {
    position: relative
}

.ant-fullcalendar-calendar-table {
    border-spacing: 0;
    margin-bottom: 0
}

.ant-fullcalendar-column-header {
    line-height: 18px;
    padding: 0;
    width: 33px;
    text-align: center
}

.ant-fullcalendar-column-header .ant-fullcalendar-column-header-inner {
    display: block;
    font-weight: 400
}

.ant-fullcalendar-week-number-header .ant-fullcalendar-column-header-inner {
    display: none
}

.ant-fullcalendar-date,.ant-fullcalendar-month {
    text-align: center
}

.ant-fullcalendar-value {
    display: block;
    margin: 0 auto;
    color: #666;
    border-radius: 4px;
    width: 22px;
    height: 22px;
    padding: 0;
    background: transparent;
    line-height: 22px
}

.ant-fullcalendar-value:hover {
    background: #eaf8fe;
    cursor: pointer
}

.ant-fullcalendar-month-panel-cell .ant-fullcalendar-value {
    width: 48px
}

.ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-value,.ant-fullcalendar-today .ant-fullcalendar-value {
    background: #2db7f5;
    color: #fff
}

.ant-fullcalendar-disabled-cell .ant-fullcalendar-value {
    cursor: not-allowed;
    color: #bcbcbc;
    background: #f3f3f3;
    border-radius: 0;
    width: auto
}

.ant-fullcalendar-disabled-cell .ant-fullcalendar-value:hover {
    background: #f3f3f3
}

.ant-fullcalendar-disabled-cell-first-of-row .ant-fullcalendar-value {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.ant-fullcalendar-disabled-cell-last-of-row .ant-fullcalendar-value {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.ant-fullcalendar-last-month-cell .ant-fullcalendar-value,.ant-fullcalendar-next-month-btn-day .ant-fullcalendar-value {
    color: #ccc
}

.ant-fullcalendar-month-panel-table {
    table-layout: fixed;
    width: 100%;
    border-collapse: separate
}

.ant-fullcalendar-content {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -9px
}

.ant-fullcalendar-fullscreen {
    border-top: 0
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-table {
    table-layout: fixed
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-header .ant-radio-group {
    margin-left: 16px
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-header label.ant-radio-button {
    height: 28px;
    line-height: 26px
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-date,.ant-fullcalendar-fullscreen .ant-fullcalendar-month {
    text-align: left;
    margin: 0 4px;
    display: block;
    color: #666;
    height: 116px;
    padding: 4px 8px;
    border-top: 2px solid #eee;
    -webkit-transition: background .3s ease;
    transition: background .3s ease
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-date:hover,.ant-fullcalendar-fullscreen .ant-fullcalendar-month:hover {
    background: #eaf8fe;
    cursor: pointer
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-column-header {
    text-align: right;
    padding-right: 12px;
    padding-bottom: 5px
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-value {
    text-align: right;
    background: transparent;
    width: auto
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-value {
    color: #666
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-month,.ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-date {
    border-top-color: #2db7f5;
    background-color: #eaf8fe;
    color: #2db7f5
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-value {
    color: #2db7f5
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-last-month-cell .ant-fullcalendar-date,.ant-fullcalendar-fullscreen .ant-fullcalendar-next-month-btn-day .ant-fullcalendar-date {
    color: #ccc
}

.ant-fullcalendar-fullscreen .ant-fullcalendar-content {
    height: 90px;
    overflow-y: auto;
    position: static;
    width: auto;
    left: auto;
    bottom: auto
}

.visualdata-page .content-search {
    height: 3.75rem;
    line-height: 3.75rem;
    padding-left: 1.25rem
}

.visualdata-page .ant-input {
    height: 1.875rem;
    padding: .125rem .4375rem
}

.visualdata-page .view-header {
    height: 4.25rem;
    line-height: 4.25rem;
    text-align: center;
    position: relative
}

.visualdata-page .view-header i {
    position: absolute;
    left: 0;
    top: 50%
}

.visualdata-page .view-header h2 {
    display: inline-block
}

.visualdata-page .cd-ct {
    display: none
}

.visualdata-page .date-select {
    margin-right: 1.25rem
}

.visualdata-page .ant-select-sm .ant-select-selection--single {
    height: 1.75rem
}

.visualdata-page .ant-select-sm .ant-select-selection--single .ant-select-selection__rendered {
    line-height: 1.75rem
}

.visualdata-page .icon-tabs,.visualdata-page .icon-tabs .ant-tabs-nav-container,.visualdata-page .icon-tabs .ant-tabs-nav-scroll,.visualdata-page .icon-tabs .ant-tabs-nav-wrap {
    overflow: inherit
}

.visualdata-page .icon-tabs .ant-tabs-bar {
    border-bottom: none;
    position: absolute;
    right: 0
}

.visualdata-page .icon-tabs .ant-tabs-tab {
    border-right: 1px solid #f1f1f2
}

.visualdata-page .icon-tabs .ant-tabs-tab:last-child {
    border-right: none
}

.visualdata-page .icon-tabs .ant-tabs-tab .ant-tabs-tab-inner {
    padding: 2px 16px
}

.visualdata-page .icon-tabs .ant-tabs-nav {
    margin-top: -3rem
}

.visualdata-page .icon-tabs .ant-tabs-ink-bar {
    background-color: #fff
}

.visualdata-page .ant-calendar-calendar-body {
    display: none!important
}

.visualdata-page .ant-fullcalendar.ant-fullcalendar-full {
    display: none
}

.visualdata-page .cx-calender {
    margin-right: 0
}

.visualdata-page .calendar {
    display: inline-block;
    margin-right: .625rem
}

.visualdata-page .calendar:last-child {
    margin-left: .625rem
}

.visualdata-page .calendar .ant-radio-group {
    display: none
}

.visualdata-page .calendar .ant-fullcalendar-header {
    padding: 0
}

.ant-table-tbody>tr>td,.ant-table-thead>tr>th {
    text-align: center
}

.ant-table-tbody>tr>td:first-child,.ant-table-thead>tr>th:first-child {
    text-align: left;
    padding-left: 1.25rem
}

.visual-booklist {
    width: 6.25rem;
    text-align: center
}

.visual-booklist.long {
    width: 8.25rem
}

#charts {
    position: relative
}

#range {
    margin: 5px 80px
}

.crossLine {
    border-left: 1px solid #999;
    position: absolute;
    display: none;
    top: 20px
}

.smdiv {
    font-size: .5rem;
    color: #999
}

.smdiv>li {
    display: inline-block;
    margin-right: .9375rem
}

.smchart {
    padding: .625rem 1.25rem;
    text-align: center
}

.tl-ntc {
    padding: .5rem 1.25rem;
    color: #fa6346
}

.tl-ntc span {
    visibility: hidden
}

.tl-list {
    margin-top: .9375rem
}

.contractwrap {
    padding: 70px 60px;
    overflow: hidden
}

.contractwrap .aucolor,.contractwrap .heavy,.contractwrap .wxcolor {
    color: red
}

.contractwrap .au-tx,.contractwrap .wx-tx {
    outline: none
}

.htsave,.publicbtn {
    width: 95px;
    height: 34px;
    font-size: 14px;
    cursor: pointer;
    border-radius: 6px
}

.htsave {
    background: #f39640;
    float: right;
    color: #fff;
    margin: 15px 0
}

.contract-content {
    clear: both;
    border: 1px solid #d9dce0;
    background: #fafafc
}

.signbox {
    padding: 20px 35px 0
}

.signbox h4 {
    font-size: 16px;
    color: #323233;
    text-align: left;
    margin-top: 30px
}

.signintro {
    font-size: 14px;
    margin: 20px 0
}

.signintro span {
    color: #24272b;
    margin-left: 20px
}

.ht-content {
    background: #fff;
    border: 1px solid #d9d9d9;
    height: 500px;
    overflow: auto;
    position: relative
}

.ht-btn-box {
    margin: 20px 0;
    text-align: center
}

.signbtn {
    margin: 0 20px;
    width: 95px;
    height: 34px;
    font-size: 14px;
    cursor: pointer;
    border-radius: 6px
}

.signbox-top {
    background: #e7e7e9
}

.signbtn-active {
    background: #ec614c;
    color: #fff
}

.currtip {
    margin-bottom: 24px;
    font-size: 14px
}

.idcardimg {
    width: 860px;
    margin: auto;
    overflow: hidden
}

.idcardimgleft,.idcardimgright {
    width: 380px;
    float: left
}

.idcardimgleft {
    margin-right: 100px
}

.positive,.thereverse {
    margin: 20px 0;
    width: 378px;
    height: 258px;
    background: #fff;
    border: 1px solid #d9d9d9;
    position: relative;
    border-radius: 2px
}

.jcrop-holder {
    direction: ltr;
    text-align: left
}

.jcrop-hline,.jcrop-vline {
    background: #fff url(data:image/gif;
    base64,R0lGODlhCAAIAJEAAKqqqv///wAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCgAAACwAAAAACAAIAAACDZQFCadrzVRMB9FZ5SwAIfkECQoAAAAsAAAAAAgACAAAAg+ELqCYaudeW9ChyOyltQAAIfkECQoAAAAsAAAAAAgACAAAAg8EhGKXm+rQYtC0WGl9oAAAIfkECQoAAAAsAAAAAAgACAAAAg+EhWKQernaYmjCWLF7qAAAIfkECQoAAAAsAAAAAAgACAAAAg2EISmna81UTAfRWeUsACH5BAkKAAAALAAAAAAIAAgAAAIPFA6imGrnXlvQocjspbUAACH5BAkKAAAALAAAAAAIAAgAAAIPlIBgl5vq0GLQtFhpfaIAACH5BAUKAAAALAAAAAAIAAgAAAIPlIFgknq52mJowlixe6gAADs=);font-size: 0;
    position: absolute
}

.jcrop-vline {
    height: 100%;
    width: 1px!important
}

.jcrop-vline.right {
    right: 0
}

.jcrop-hline {
    height: 1px!important;
    width: 100%
}

.jcrop-hline.bottom {
    bottom: 0
}

.jcrop-tracker {
    height: 100%;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none
}

.jcrop-handle {
    background-color: #333;
    border: 1px solid #eee;
    width: 7px;
    height: 7px;
    font-size: 1px
}

.jcrop-handle.ord-n {
    left: 50%;
    margin-left: -4px;
    margin-top: -4px;
    top: 0
}

.jcrop-handle.ord-s {
    bottom: 0;
    left: 50%;
    margin-bottom: -4px;
    margin-left: -4px
}

.jcrop-handle.ord-e {
    margin-right: -4px;
    margin-top: -4px;
    right: 0;
    top: 50%
}

.jcrop-handle.ord-w {
    left: 0;
    margin-left: -4px;
    margin-top: -4px;
    top: 50%
}

.jcrop-handle.ord-nw {
    left: 0;
    margin-left: -4px;
    margin-top: -4px;
    top: 0
}

.jcrop-handle.ord-ne {
    margin-right: -4px;
    margin-top: -4px;
    right: 0;
    top: 0
}

.jcrop-handle.ord-se {
    bottom: 0;
    margin-bottom: -4px;
    margin-right: -4px;
    right: 0
}

.jcrop-handle.ord-sw {
    bottom: 0;
    left: 0;
    margin-bottom: -4px;
    margin-left: -4px
}

.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s {
    height: 7px;
    width: 100%
}

.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w {
    height: 100%;
    width: 7px
}

.jcrop-dragbar.ord-n {
    margin-top: -4px
}

.jcrop-dragbar.ord-s {
    bottom: 0;
    margin-bottom: -4px
}

.jcrop-dragbar.ord-e {
    margin-right: -4px;
    right: 0
}

.jcrop-dragbar.ord-w {
    margin-left: -4px
}

.jcrop-light .jcrop-hline,.jcrop-light .jcrop-vline {
    background: #fff;
    filter: alpha(opacity=70)!important;
    opacity: .7!important
}

.jcrop-light .jcrop-handle {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #000;
    border-color: #fff;
    border-radius: 3px
}

.jcrop-dark .jcrop-hline,.jcrop-dark .jcrop-vline {
    background: #000;
    filter: alpha(opacity=70)!important;
    opacity: .7!important
}

.jcrop-dark .jcrop-handle {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #fff;
    border-color: #000;
    border-radius: 3px
}

.solid-line .jcrop-hline,.solid-line .jcrop-vline {
    background: #fff
}

.jcrop-holder img,img.jcrop-preview {
    max-width: none
}

.preview-pane {
    display: none;
    position: absolute;
    z-index: 2000;
    top: 0;
    right: -280px;
    padding: 6px;
    border: 1px solid rgba(0,0,0,.4);
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 1px 1px 5px 2px rgba(0,0,0,.2)
}

.preview-container {
    width: 250px;
    height: 170px;
    overflow: hidden
}

.clickfile {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999;
    background: rgba(0,0,0,.2)
}

.contract-main {
    margin-top: 20px
}

.ant-steps .ant-steps-head,.ant-steps .ant-steps-title {
    background: #fafafc
}

.againup {
    display: block;
    background: #e7e7e9;
    width: 95px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    border-radius: 6px;
    position: relative;
    top: 50%;
    left: 50%;
    margin-top: -17px;
    margin-left: -47px
}

.idNumber {
    margin: 20px 0;
    font-size: 14px;
    overflow: hidden
}

.idNumber p {
    float: left
}

.idNumber p span {
    color: #24272b;
    margin-left: 20px
}

.m60 {
    margin-left: 60px
}

.oneupload {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999;
    background: #fff;
    font-size: 40px;
    color: #e7e7e9;
    text-align: center;
    line-height: 256px
}

.contractinfowrap {
    padding: 0 60px
}

.info-head {
    overflow: hidden
}

.info-head h4 {
    font-size: 16px;
    line-height: 64px
}

.contractinfowrap {
    padding: 0 60px;
    color: #000
}

.info-head {
    overflow: hidden
}

.info-head h4 {
    font-size: 20px;
    line-height: 64px;
    text-align: center
}